Cadeau gratuit · pour toi qui as commenté KIT
La ville de la vidéo est à toi. Ouvre-la, change-la.
Tu as vu cette ville 3D dans la vidéo ? Voici une mini-scène du même genre, gratuite : tu l’ouvres dans ton navigateur, tu fais tourner la caméra, tu passes du jour à la nuit, puis tu demandes à ton agent de la transformer.
✓ Gratuit · aucun compte · aucun e-mail demandé
C’est du vrai 3D (Three.js), pas une vidéo : glisse pour tourner, molette ou pince pour zoomer, boutons en bas de la scène pour l’heure, la pause et les pixels.
À toi de jouer
Trois façons de la faire tienne.
De la plus simple à la plus puissante. Tout est dans le dossier que tu télécharges : la scène, son code lisible et commenté, et les prompts.
Joue avec les réglages
Ouvre src/scene.js : en haut, l’objet CONFIG (heure, passants, tram, grande roue, pixels…). Ou change l’adresse : index.html?heure=nuit&passants=60&pixel=3.
Demande à ton agent
Ouvre le dossier dans Claude Code, Cursor ou Codex, colle un des prompts ci-dessous. L’agent modifie la scène, tu recharges la page.
Fais-en ta ville
Ton nom sur l’enseigne, tes couleurs, ton quartier, ta marque : la scène devient un décor à toi, que tu peux filmer à l’écran ou publier.
- Télécharge le ZIP et dézippe-le.
- Double-clique sur
index.html: ça s’ouvre dans ton navigateur, sans installation. - Pour la modifier : ouvre le dossier dans ton agent et colle un prompt (Node.js, gratuit, pour relancer
node build.mjs).
5 prompts prêts à coller
Colle-les tels quels dans ton agent, ouvert sur le dossier de la scène.
Lis src/scene.js. Ajoute une quatrième heure « aube » dans l'objet HEURES : ciel violet vers rose pâle, soleil très bas à gauche, lampadaires encore allumés, fenêtres à moitié allumées. Ajoute le bouton « 🌅 Aube » dans index.html (même style que les autres) et branche-le. Puis lance `node build.mjs` et dis-moi comment la regarder.
Lis src/scene.js. Ajoute sur le trottoir devant le café un kiosque à journaux (volume simple, auvent rouge) et un petit train touristique qui fait le tour de la place devant la fontaine, avec trois wagons colorés. Garde le style low-poly de la scène (utilise Builder). Fais-le bouger dans la boucle `updaters`. Lance `node build.mjs`.
Lis src/scene.js. Remplace le nom du café par « CAFÉ [TON NOM] » (CONFIG.nomCafe), change la couleur du store et des parasols pour [TES COULEURS], et ajoute une enseigne lumineuse « [TON PROJET] » sur la façade en face de la terrasse. Lance `node build.mjs`.
Voir les 2 autres prompts
Lis src/scene.js. Garde la terrasse mais transforme la ville en petit port de pêche : remplace la rangée d'immeubles d'en face par des maisons basses colorées, la rue par un quai, et ajoute de l'eau (plan bleu animé), deux bateaux qui se balancent et des mouettes. Garde les trois heures du jour. Lance `node build.mjs`.
Lis src/scene.js. Fais en sorte qu'au clic sur un passant, il s'arrête, se retourne vers la caméra et une bulle de texte « Salut ! » apparaît au-dessus de sa tête pendant 2 secondes. Lance `node build.mjs`.
Les prompts ont été écrits pour cette scène ; selon l’agent et sa version, il peut falloir une précision ou une relance. Si ça coince, décris-lui ce que tu vois à l’écran, ou colle-lui le message d’erreur de la console du navigateur (F12).
En allant plus loin
Et si cette scène devenait une vidéo ?
Ta mini-scène vit dans ton navigateur. Avec la même méthode (une idée, un agent qui code la scène, une caméra, un style), on en sort des Reels verticaux avec voix, sous-titres et musique. Voici des vidéos sorties de ce système.
← Glisse pour voir les autres →
Une scène, six ambiances
Rendus tirés du starter du Kit : la même scène change de look en une ligne.
Soyons clairs : la ville de la vidéo « Claude, tu peux créer des animations 3D ? » sort de notre moteur interne. La mini-scène ci-dessus en est une version allégée, faite pour être ouverte et modifiée. Le Kit Reels IA est la version pédagogique complète du système.
La suite, si tu veux aller plus loin
Du navigateur à la vidéo : le Kit Reels IA.
Tu viens de faire la partie amusante : une scène 3D qui bouge, modifiée par ton agent. Le kit apporte le reste : la méthode complète, le rendu vidéo vertical, la voix, les sous-titres, la musique et un réalisateur-IA qui relit chaque rendu.
Ta mini-scène
Gratuite · tu l’as déjà
- Une scène 3D interactive dans le navigateur
- Du code lisible et commenté, modifiable avec ton agent
- 5 prompts, des réglages, trois heures du jour
- Pas de vidéo exportée
- Pas de voix, de sous-titres, de musique
Le Kit Reels IA
Paiement unique · v1.1.0
- Ton idée devient un Reel MP4 vertical 1080×1920, voix, sous-titres et musique inclus
- 2 skills pour ton agent : Reels AI Engine (il construit) et Video Director (il juge : GO ou NO-GO)
- 2 moteurs et 7 styles, 6 projets exemples, personnages et caméra
- Le guide de 87 pages, nos erreurs et nos règles, plus 3 bonus
- Le même rendu à chaque fois, image par image · mises à jour v1.x incluses
Kit Reels IA · v1.1.0
Le kit complet, en téléchargement immédiat
Limité aux 5 premiers achats · il reste 3 places · ensuite 24,90 €
Paiement unique · TTC · pas d’abonnement
- Le guide complet (PDF + sources)
- Les skills Reels AI Engine et Video Director
- Le starter Three.js prêt à rendre
- 2 moteurs (3D + dessin), 7 styles, 6 projets exemples
- START HERE + 3 bonus
- Mises à jour v1.x incluses
- Paiement sécurisé par Stripe
- Aucune donnée bancaire stockée chez moi
- Accès immédiat + lien par email
Tu veux d’abord tout lire ? La page complète du Kit Reels IA (contenu détaillé, FAQ, licence).
Questions
Sur le cadeau
Pourquoi c’est gratuit ?
Parce que je préfère que tu essaies avant de te demander si le Kit est pour toi. La mini-scène est complète, tu peux en faire ce que tu veux (voir la licence dans le dossier). Le Kit, lui, est la suite pour fabriquer des vidéos.
Faut-il savoir coder ?
Non pour l’ouvrir et jouer avec les réglages. Pour la modifier avec un agent, il faut être à l’aise pour ouvrir un dossier dans ton agent et lancer une commande (node build.mjs, avec Node.js gratuit).
Ça marche sur téléphone ?
Oui, la scène s’ouvre sur téléphone (glisse et pince pour tourner et zoomer). Pour la modifier avec un agent, il te faut un ordinateur.
Je peux utiliser la scène dans mes vidéos ?
Oui : captures, vidéos d’écran, décor dans tes projets, y compris pour ton activité ou tes clients. Tu ne peux pas la revendre ni la redistribuer comme un produit.
Et si je ne veux pas du Kit ?
Aucun souci : la mini-scène reste à toi, sans e-mail ni engagement.