3DPrompt.
GitHub
Voltar à biblioteca
Claude Opus 5.5Descrição de referência

Simulação Interativa de Fluido Neon Euleriano

Um prompt reutilizável de uma única execução, compartilhado pelo autor como o prompt exato usado no simulador de fluido neon em GPU exibido. A publicação original atribui explicitamente o simulador ao Opus 5.5. O prompt solicita uma simulação de fluido WebGL em um único arquivo e sem dependências, com passes de FBO na GPU, interação com tinta neon, vórtices ambientes e um HUD de controles com efeito glassmorphism.

Criado por theailoserVer fonte original
Simulação Interativa de Fluido Neon Euleriano

Sobre este exemplo

Uma proposta inicial baseada no projeto público do criador, não uma cópia literal do prompt original. O resultado pode variar.

WebGLsimulação de fluidosimulação eulerianaGPUGLSLfumaça neoninterativoconfinamento da vorticidade

O prompt

Escreva um documento HTML completo em um único arquivo contendo uma Simulação Interativa de Fluido Neon Euleriano de alto desempenho e acelerada por GPU. Requisitos técnicos e estéticos rigorosos: 1. Arquitetura e desempenho: - Arquivo único: todo o HTML, CSS e JavaScript/shaders GLSL devem estar incorporados. - Zero dependências externas: WebGL 1.0 ou 2.0 puro (sem Three.js, sem Pixi e sem bibliotecas externas). - Dinâmica de fluidos calculada na GPU: a simulação deve ser executada inteiramente por meio de Framebuffer Objects (FBOs) em pingue-pongue, usando shaders de fragmento personalizados para: a) Advecção (velocidade e tinta) b) Cálculo da divergência c) Solucionador da equação de Poisson para a pressão (iteração de Jacobi, 20 a 30 iterações por quadro) d) Subtração do gradiente / projeção da velocidade e) Confinamento da vorticidade (adiciona redemoinhos turbulentos e impede que o fluido se transforme em uma massa opaca e borrada). 2. Fidelidade visual (o visual de "fumaça neon"): - Fundo de vazio totalmente preto (`#050508`). - Use composição aditiva / High Dynamic Range para a injeção de tinta. - Paleta dinâmica: cada movimento rápido do cursor ou arraste por toque deve injetar tinta neon de alta luminosidade, que percorre suavemente tons cibernéticos vibrantes (ciano elétrico `#00F0FF`, magenta intenso `#FF007F`, ultravioleta profundo e dourado radiante). - Aprimoramentos no shader de exibição: inclua um passe de pós-processamento diretamente no shader de renderização final, aplicando bloom/glow sutil, tone mapping e aberração cromática ao redor das bordas espiraladas do fluido. 3. Interação: - Mouse e toque: movimentos rápidos do cursor ou arrastes devem injetar velocidade proporcional à velocidade do mouse, junto com tinta brilhante e densa. - Movimento ambiente passivo: quando estiver ocioso, gere ruído curl procedural sutil ou vórtices suaves à deriva para que o canvas nunca fique completamente estático. - Controles: um HUD de glassmorphism elegante e ultraminimalista, posicionado em um canto (com ocultação automática durante a inatividade): * Slider de viscosidade * Slider de dissipação / persistência da tinta * Slider do raio do splat * Botão "Limpar canvas" * Botão de alternância para percorrer os temas de cores (Cyberpunk, Inferno Térmico, Bioluminescente Profundo). 4. Acabamento de produção: - Gerencie automaticamente telas de alta densidade de pixels e `resize` eventos sem esticar nem limpar as texturas dos FBOs. - Faça uma verificação de fallback elegante para o suporte a texturas de ponto flutuante (`OES_texture_float` / `OES_texture_half_float`). - Código limpo, sem bugs e totalmente implementado, sem placeholders nem comentários truncados. Retorne apenas o arquivo HTML totalmente preenchido, pronto para ser executado diretamente no Chrome/Safari/Firefox.

Como usar este prompt

01

Comece com a ferramenta certa

Abra seu assistente de programação ou ferramenta 3D preferida. Use o modelo indicado no exemplo como ponto de partida e consulte as instruções dos projetos vinculados.

02

Escolha uma coisa para mudar

Troque o tema, o estilo artístico ou o cenário. Defina bem a câmera e a interação. Crie primeiro uma versão pequena e refine um detalhe de cada vez.

03

Dê elementos próprios à cena

Para um personagem ou objeto personalizado, crie um modelo 3D a partir de uma descrição curta ou imagem de referência e importe-o no projeto.

As prévias pertencem aos respectivos criadores. Consulte a fonte original e a licença do projeto antes de reutilizar código ou recursos.