3D & Modelagem
Claude 3.5 Sonnet
Shader GLSL de Ondas Cyberpunk para Three.js
Plano 3D com malha ondulante, shader GLSL customizado, controles de velocidade e paleta neon.
0cópias
0joinhas
0favoritos
O prompt
Crie uma cena 3D interativa em um único arquivo HTML utilizando Three.js (via CDN r128) com um Shader GLSL customizado estilo Cyberpunk.
Parâmetros:
- Nome do Projeto: {{nome_do_projeto}}
- Cor Principal Neon: {{cor_neon}}
- Velocidade da Onda: {{velocidade_onda}}
Requisitos Técnicos:
1. Um PlaneGeometry (120x120, 100 subdivisões) deformado no Vertex Shader usando funções de seno/cosseno e ruído Perlin/Simplex em tempo real (u_time).
2. Fragment Shader calculando gradiente dinâmico entre {{cor_neon}} e #020617 com efeito de grade wireframe luminosa nos picos das ondas.
3. Câmera com perspectiva inclinada (estilo terreno synthwave) orbitando suavemente com o movimento do ponteiro do mouse (lerp de suavização).
4. Painel suspenso minimalista com o título {{nome_do_projeto}} e controles (Play/Pause, Slider de Velocidade com valor inicial {{velocidade_onda}} e Seletor de Cores).
5. Efeito de bloom/brilho opcional ou vinheta escura nas bordas em CSS/WebGL.
Entregue o código completo, sem dependências de build, pronto para salvar como .html e rodar no navegador.
Como usar
- Copie o prompt e substitua {{nome_do_projeto}}, {{cor_neon}} (cor hex, ex.: #00f5d4) e {{velocidade_onda}} (número entre 0.2 e 3).
- Cole em qualquer IA que gere código completo — o prompt é autocontido.
- Salve o HTML retornado como index.html e abra no navegador: sem build, sem dependências.
- Ajuste fino: a cor do gradiente vive na variável u_color do fragment shader; a amplitude das ondas, nos multiplicadores dos termos seno/cosseno.
- Para embutir em um site, use iframe ou extraia a cena Three.js para um componente React.
Exemplo de saída
index.html (~180 linhas): PlaneGeometry 120x120 deformada no vertex shader com ruído simplex + u_time; fragment shader com gradiente de #00f5d4 para #020617 e wireframe luminoso nos picos das ondas; câmera orbital com lerp do mouse; painel flutuante com Play/Pause, slider de velocidade (inicial 1.0) e seletor de cor.