Créer un site de scroll-storytelling avec Claude (Three.js + GSAP)
De Wikiprompt, l’encyclopédie libre de prompts
Créer un site de scroll-storytelling avec Claude (Three.js + GSAP) Une courte recette pour le vibe coding d'un site cinématographique de scroll-storytelling avec Claude, associant deux prompts à Three.js, GSAP ScrollTrigger et Lenis.js.
Médias associés
Contenu du PromptEnregistrer
🌐
Étape 1 - Prompt :
« Construis un site de storytelling où chaque section de défilement révèle un nouveau chapitre avec des transitions de couleur fluides. »
Étape 2 - Utilise Three.js pour l'arrière-plan à texture peinte qui réagit au curseur.
Étape 3 - Prompt :
« Ajoute GSAP ScrollTrigger pour que chaque section s'anime à l'apparition comme une scène cinématographique. »
Étape 4 - Utilise Lenis.js pour obtenir le défilement ultra-fluide des sites premium.
Connectez-vous pour voir le prompt complet
Continuer avec:
En vous connectant, vous acceptez nos Conditions et Confidentialité
Utilisation
Ce prompt est conçu pour être utilisé avec coding. Copiez le contenu ci-dessus et collez-le dans votre outil d’IA préféré.
Pour de meilleurs résultats, personnalisez les espaces réservés (indiqués par des crochets ou des majuscules) selon vos besoins.
Références
- Catégorie: Prompts coding
- Source: https://x.com/Oluwaphilemon1/status/2057102727000228176
Discussion
0 commentaires