Scrollgesteuerter Storytelling-Website-Workflow mit Claude, Three.js und GSAP
Von Wikiprompt, der freien Prompt-Enzyklopädie
Scrollgesteuerter Storytelling-Website-Workflow mit Claude, Three.js und GSAP Ein Schritt-für-Schritt-Workflow zum Erstellen einer scrollgesteuerten Storytelling-Website, wobei Claude den Code generiert, gestylt mit Three.js, GSAP ScrollTrigger und sanftem Lenis-Scrollen.
Zugehörige Medien
Prompt-InhaltSpeichern
🌐
Schritt 1, Prompt an Claude: "Erstelle eine Storytelling-Website, bei der jeder Scroll-Abschnitt ein neues Kapitel mit fließenden Farbübergängen enthüllt."
Schritt 2: Verwende Three.js für einen gemalten Texturhintergrund, der auf den Cursor reagiert.
Schritt 3, Prompt an Claude: "Füge GSAP ScrollTrigger hinzu, damit jeder Abschnitt als filmische Szene animiert wird."
Schritt 4: Verwende Lenis.js für das butterweiche Scrollen, das Premium-Websites haben.
Melde dich an, um den vollständigen Prompt zu sehen
Weiter mit:
Mit der Anmeldung akzeptierst du unsere Nutzungsbedingungen und Datenschutz
Verwendung
Dieser Prompt ist für die Verwendung mit coding gedacht. Kopiere den Inhalt oben und füge ihn in dein bevorzugtes KI-Tool ein.
Für beste Ergebnisse passe die Platzhalter (eckige Klammern oder Großbuchstaben) an deine Anforderungen an.
Referenzen
- Kategorie: coding-Prompts
- Quelle: https://x.com/Oluwaphilemon1/status/2059262215144747170
Diskussion
0 Kommentare