🎹 Carousel Collage Web App

v0.4b

đŸ™‹â€â™€ïž Glisse-dĂ©pose des images sur le canvas, ou double-clique pour ouvrir l'explorateur.

Made for simplicity Think for Threads Think for Instagram With ❀

Je n'arrivais pas Ă  faire des carrousels simples sur Instagram, du coup j'ai fait mon propre carousel generator : une web app JavaScript complĂšte avec zones de travail Canvas au ratio personnalisable (1:1, 4:5, 16:9), drag & drop d'images depuis l'ordinateur, redimensionnement/rotation par poignĂ©es, dĂ©bordement visuel entre zones pour crĂ©er des collages fluides, et export PNG en une seule image sprite horizontale prĂȘte pour Instagram/Threads.

Versions

v0.1 ✅

Bases fonctionnelles mais les zones de travail ne se mixent pas.
Architecture multi-canvas indépendants.

v0.2 ✅

Les zones de travail se mixent, la version est parfaite !
Refonte complĂšte : canvas global avec artboards logiques, images traversant les zones.
⚠ ProblĂšme : il faut supprimer les espaces entre les zones.

v0.3 ✅

Suppression des espaces entre les zones de travail, elles sont collées au pixel prÚs.
ARTBOARD_GAP = 0, layout recalculé pour éviter les zones fantÎmes.

v0.4 ✅

Amélioration du design, ajout du titre, badge de version et section changelog détaillée.
Bordures z-indexed, typographie affinée, documentation visuelle intégrée.

v0.4b 🚀

Ajout des badges stylés, section idées futures avec systÚme de votes par likes + compteur persistant.
LocalStorage pour compteurs, animations emoji optimisées, UI/UX affinée.

Idées futures

Export flexible

Choix entre image complĂšte (sprite horizontal unique) ou export par zone (PNG individuel par artboard).

Prévisualisation avant export

Modal montrant la liste des images générées avec aperçu avant validation du téléchargement.

Numérotation des zones

Affichage discret du numĂ©ro et ratio de chaque artboard (ex: "1 ‱ 4:5") dans un coin.

Grille de repérage

Activation d'une grille visuelle optionnelle pour aligner facilement les images. Snap magnétique possible.

Fond personnalisable

Changer la couleur du fond blanc ou le rendre transparent, répercuté dans l'export PNG.

Ratio personnalisé

EntrĂ©e manuelle des dimensions en pixels (ex: 1200×1500) pour des formats sur mesure.

Support vidéo

Import de vidéos .mp4, manipulation identique aux images, export en .mp4 par zone traversée.
⚠ Limitation possible : vidĂ©o contrainte Ă  une seule zone.

« J'ai enfin trouvé un générateur de canvas pour faire mes carrousels Threads et Instagram ! »