Motion Deck · template HyperFrames 2 sur 6
Un plan, une idée de mouvement : un point qui éclot en étoile, des capitales très larges qui claquent, une forme qui devient une autre dans ses poignées de transformation, des tuiles qui pivotent en vague, une onde qui traverse une grille de points, un nuage de points en 3D, un ruban rayé, des mots qui s'enroulent en spirale, une signature en serif.
Rendu du template avec ses valeurs par défaut (15 s, muet) : Textes : ceux du Motion Deck (noms des styles, adresse du deck), aucun texte nouveau.
identifiant : showreel-generatif · format 16:9 · HyperFrames 0.8.73 + GSAP 3.14.2






À gauche la vidéo 2, au centre la vidéo 5 (une image toutes les 0,5 s, recadrées sur la vidéo), à droite notre rendu du template, une image toutes les 0,5 s. On en reprend la manière, ni les plans ni les textes.
Aplats francs (nuit, rouge, crème, bleu électrique, jaune) qui se relaient par balayage ou iris. Chaque plan montre UNE mécanique de motion design, générée par le code (points, tuiles, particules calculés à chaque image) plutôt que dessinée ; le texte est rare et arrive à la fin. Habillage de caméra fin : coins, libellés mono, REC, timecode.
Une ouverture de vidéo, une bande-annonce de marque ou un générique : montrer un savoir-faire ou une identité sans rien à expliquer, en 10 à 20 s.
Unbounded 900, Newsreader (serif et italique), JetBrains Mono 600
Vidéos 2 et 5 du carrousel (showreels « one prompt »), même manière, une seule page
instagram.com/p/Ddy2jrzDjFL, regardées image par image le 29/09/2026
Une composition HyperFrames paramétrée : textes, couleurs et durée passent en variables, rien ne se réécrit dans le HTML. Le README liste les variables et les figures.
index.html README.md template.json rendre_template.py
Source : 03 - Ressources/Skills/creation-motion-design/templates-hf/showreel-generatif/ cd "03 - Ressources/Skills/creation-motion-design/templates-hf" python3 rendre_template.py showreel-generatif vars.json film.mp4 --voix voix.wav