Prise en main

FlatInk est un environnement de création qui s’exécute dans un onglet. Le dessin vectoriel, l’animation sur timeline et un langage de script lisible y sont réunis. Aucune installation, aucun compte.

Ouvrir l’éditeur

Tout se déroule dans le navigateur. Le bouton Ouvrir l’éditeur donne accès à une page de travail vierge. Les projets sont enregistrés localement, sur votre machine. Aucune donnée n’est transmise à un serveur, et chaque projet peut être exporté au format .flatink pour être archivé ou partagé.

Le principe en trois temps

FlatInk suit le même fil, du tracé initial jusqu’à l’expérience finale.

1. Dessiner. Les outils vectoriels (pinceau, plume, formes) produisent des objets que l’on déplace, colore et regroupe. Les remplissages fusionnent entre eux, à la manière de l’encre.
2. Animer. Sur la timeline, on pose des images-clés. Entre deux clés, FlatInk interpole la position, l’échelle, la rotation et l’opacité. Un symbole réutilisable se place autant de fois que nécessaire.
3. Rendre interactif. Quelques lignes de FlatInk Script suffisent à réagir au clic, au survol ou au glisser. Le code reste visible et modifiable.

Pour aller plus loin

Les guides suivants sont orientés projet. Chacun construit un résultat concret du début à la fin, plutôt que de dérouler une liste d’outils.

• Créer un logo animé : une forme, deux images-clés, et une interpolation qui les relie.
• Un mini-jeu à glisser-déposer : des pièces que l’on saisit, déplace et dépose, avec aimantage.
• Le langage FlatInk Script : la référence des événements, des actions et des expressions.

À retenir

• Local d’abord. Les projets résident dans le stockage du navigateur. Pensez à exporter un .flatink pour les conserver durablement.
• Conçu pour la publication. Une scène statique s’exporte en SVG. Une scène animée ou interactive s’embarque via le lecteur autonome, dans n’importe quelle page web.
• Rien n’est caché. Variables, expressions et événements restent consultables dans l’éditeur de code et la carte de la logique.

Pour les développeurs

Le langage, le format et le lecteur de FlatInk sont open source et publiés sur npm, sous licence MIT : flatkit réunit le langage, le compilateur (flatc) et le lecteur léger.

npm i @flatkit/player        # jouer un .flatpack dans un <canvas>
npm i -D @flatkit/compiler   # le CLI flatc (.flatink → .flatpack)

Embarquez une scène dans n’importe quelle page par le code, ou compilez un programme en ligne de commande — sans l’éditeur. Le format .flatpack est en beta : attendez-vous à des évolutions.