Atelier

2026-07-12

Outil Parchemin

Editeur standalone de schemas et infographies animees, integre comme outil Tavern Tales avec export JSON, PNG, JPG, GIF et WebM.

VectorielSchemaToolsAnimation
Acceder a l outil interactif

Ce que fait l outil

Parchemin permet de construire des schemas visuels, infographies et flux animes avec formes, connecteurs, images, styles, calques unifies et controles texte renforces. L objectif est de produire rapidement un visuel lisible, exportable et reutilisable sans quitter le navigateur.

Quand l utiliser

  • Pour expliquer une architecture, un pipeline ou un systeme avec un rendu plus vivant qu un schema statique.
  • Pour preparer un support visuel exportable en PNG, JPG, GIF ou WebM selon le canal de partage.
  • Pour prototyper une carte de flux avant une version plus propre dans Figma, Excalidraw ou un support editorial.

Quand ne pas l utiliser

  • Quand il faut du travail collaboratif multi-utilisateur.
  • Quand le besoin principal est la mise en page texte longue ou la publication documentaire complete.
  • Quand il faut gerer plusieurs projets nommes avec historique avance ou synchronisation cloud.

Tutoriel rapide

  1. Ouvrir /outils/parchemin.
  2. Choisir un format d artboard, un theme ou un template dans la barre haute.
  3. Ajouter formes, textes, images ou connecteurs depuis la barre d outils.
  4. Selectionner un element pour modifier son style, son label, son ordre, son animation ou ses effets dans le panneau lateral.
  5. Utiliser Fit, le zoom, l alignement, les controles texte et les calques pour verifier la composition.
  6. Exporter en JSON, PNG, JPG, GIF ou WebM selon le besoin.

Workflow recommande (Tavern Tales)

Le bon usage actuel est de preparer une explication visuelle autonome, puis de l exporter en image, GIF ou video courte pour un article Atelier, une fiche projet ou une demonstration technique. Pour un schema de travail rapide, le JSON local suffit; pour publication, preferer un export PNG, JPG, GIF ou WebM apres un dernier sanity pass visuel.

Fonctions cles

  • Ajout rapide de formes, textes, images/GIF, lignes et connecteurs.
  • Templates, formats d artboard, themes visuels et calques reorderables.
  • Responsive mobile et inspector adapte aux petits ecrans.
  • Controles texte renforces, calques unifies et meilleure lisibilite des menus.
  • Animations de flux, particules, effets de contour, glow et sketch/freehand.
  • Autosave local du dernier workspace dans le navigateur.
  • Exports JSON, PNG, PNG transparent, JPG, GIF et WebM.

Stack technique

  • Single-file HTML.
  • Canvas + Vanilla JS + CSS custom properties.
  • localStorage pour l autosave du workspace courant.
  • Export navigateur via Blob, canvas, MediaRecorder pour WebM et gif.js avec fallback GIF local.

Limites actuelles

  • Workspace local unique: pas de liste de projets ni historique multi-fichiers.
  • La synchronisation cloud de l ancien Diagram Studio n est pas portee dans ce runtime standalone.
  • Alignement visuel complet avec le theme Tavern Tales sombre/clair reporte a un lot ulterieur.
  • Localisation partielle: l interface reste majoritairement en anglais.

Evolutions envisagees

  • Passe d alignement theme Tavern Tales / Tavertex lorsque le runtime sera stabilise.
  • Gestion de projets nommes ou snapshots recents.
  • Decision produit sur une eventuelle reintroduction de cloud sync Tavern Tales.
  • Raccourcis et aide integree plus visibles.
  • Passe de traduction FR.

Acces rapide

  • Outil interactif: /outils/parchemin
  • Runtime source integre: apps/web/public/tools/parchemin.html
  • Ancien runtime archive: docs/history/tools/digital-scroll-legacy-2026-07-12.html