Workflow de site web narratif au scroll avec Claude, Three.js et GSAP
De Wikiprompt, l’encyclopédie libre de prompts
Workflow de site web narratif au scroll avec Claude, Three.js et GSAP Un workflow étape par étape pour construire un site web narratif piloté par le scroll, avec Claude générant le code, stylisé avec Three.js, GSAP ScrollTrigger et le défilement fluide Lenis.
Médias associés
Contenu du PromptEnregistrer
🌐
Étape 1, invite à Claude : "Créez un site de narration où chaque section de défilement révèle un nouveau chapitre avec des transitions de couleurs fluides."
Étape 2 : Utilisez Three.js pour un fond texturé peint qui réagit au curseur.
Étape 3, invite à Claude : "Ajoutez GSAP ScrollTrigger pour que chaque section s'anime comme une scène cinématographique."
Étape 4 : Utilisez Lenis.js pour le défilement fluide et soyeux que les sites premium possèdent.
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/2059262215144747170
Discussion
0 commentaires