Criar um site de storytelling com scroll usando Claude (Three.js + GSAP)
De Wikiprompt, a enciclopédia livre de prompts
Criar um site de storytelling com scroll usando Claude (Three.js + GSAP) Uma receita curta para fazer vibe coding de um site cinematográfico de storytelling com scroll usando Claude, combinando dois prompts com Three.js, GSAP ScrollTrigger e Lenis.js.
Mídia relacionada
Conteúdo do PromptSalvar
🌐
Passo 1 - Prompt:
"Construa um site de storytelling em que cada seção de scroll revele um novo capítulo com transições de cor fluidas."
Passo 2 - Use Three.js para o fundo com textura pintada que reage ao cursor.
Passo 3 - Prompt:
"Adicione o GSAP ScrollTrigger para que cada seção seja animada ao entrar como uma cena cinematográfica."
Passo 4 - Use Lenis.js para obter o scroll extremamente suave que os sites premium têm.
Entre para ver o prompt completo
Continuar com:
Ao entrar, você concorda com nossos Termos de uso e Política de privacidade
Uso
Este prompt foi projetado para uso com coding. Copie o conteúdo acima e cole na sua ferramenta de IA preferida.
Para melhores resultados, personalize os marcadores (indicados por colchetes ou maiúsculas) com seus requisitos específicos.
Referências
- Categoria: Prompts de coding
- Fonte: https://x.com/Oluwaphilemon1/status/2057102727000228176
Discussão
0 comentários