3DPrompt.
GitHub
Volver a la biblioteca
Claude Opus 5.5Descripción de referencia

Simulación de fluidos euleriana de neón interactiva

Prompt reutilizable de una sola ejecución, compartido por el autor como el prompt exacto utilizado para el simulador de fluidos de neón en GPU mostrado. La publicación principal atribuye explícitamente el simulador a Opus 5.5. Solicita una simulación de fluidos WebGL independiente de dependencias y contenida en un solo archivo, con pasadas de FBO en la GPU, interacción con tinte de neón, vórtices ambientales y un HUD de controles con efecto glassmorphism.

Creado por theailoserVer fuente original
Simulación de fluidos euleriana de neón interactiva

Acerca de este ejemplo

Una propuesta inicial basada en el proyecto público del creador, no una transcripción de su prompt original. El resultado puede variar.

WebGLsimulación de fluidossimulación eulerianaGPUGLSLhumo de neóninteractivaconfinamiento de la vorticidad

El prompt

Escribe un documento HTML completo en un solo archivo que contenga una simulación de fluidos euleriana de neón interactiva, acelerada por GPU y de alto rendimiento. Requisitos técnicos y estéticos estrictos: 1. Arquitectura y rendimiento: - Un solo archivo: todo el HTML, CSS y JavaScript/los sombreadores GLSL deben estar integrados en línea. - Cero dependencias externas: WebGL 1.0 o 2.0 puro (sin Three.js, sin Pixi ni bibliotecas externas). - Dinámica de fluidos calculada en la GPU: la simulación debe ejecutarse íntegramente mediante objetos Framebuffer (FBO) ping-pong, usando sombreadores de fragmentos personalizados para: a) Advección (velocidad y tinte) b) Cálculo de la divergencia c) Solucionador de Poisson para la presión (iteración de Jacobi, 20-30 iteraciones por fotograma) d) Resta del gradiente/proyección de la velocidad e) Confinamiento de la vorticidad (añade remolinos turbulentos y evita que el fluido se convierta en una masa apagada y borrosa). 2. Fidelidad visual (aspecto de «humo de neón»): - Fondo de vacío completamente negro (`#050508`). - Mezcla aditiva/de alto rango dinámico para la inyección del tinte. - Paleta dinámica: cada movimiento rápido del cursor o arrastre táctil debe inyectar tinte de neón de alta luminosidad, con una transición suave entre tonos ciberintensos (cian eléctrico `#00F0FF`, magenta intenso `#FF007F`, ultravioleta profundo y dorado radiante). - Mejoras del sombreador de pantalla: incluye una pasada de posprocesado directamente en el sombreador de renderizado final, que aplique un bloom/resplandor sutil, mapeo de tonos y aberración cromática alrededor de los bordes arremolinados del fluido. 3. Interacción: - Ratón y táctil: el movimiento rápido del cursor o el arrastre deben inyectar una velocidad proporcional a la velocidad del ratón, junto con un tinte luminoso y denso. - Movimiento ambiental pasivo: cuando esté inactivo, genera ruido curl procedural sutil o vórtices de deriva suaves para que el lienzo nunca quede completamente estático. - Controles: un HUD de glassmorphism elegante y ultraminimalista, ubicado en una esquina (con ocultación automática tras un periodo de inactividad): * Control deslizante de viscosidad * Control deslizante de disipación/ persistencia del tinte * Control deslizante del radio de la salpicadura * Botón «Limpiar lienzo» * Botón de alternancia para cambiar entre temas de color (Cyberpunk, Inferno térmico, Bioluminiscente profundo). 4. Acabado de producción: - Gestiona automáticamente las pantallas de alta densidad de píxeles y los eventos de `resize` sin estirar ni borrar las texturas FBO. - Comprobación de compatibilidad con texturas de coma flotante como alternativa segura (`OES_texture_float` / `OES_texture_half_float`). - Código limpio, sin errores y completamente implementado, sin marcadores de posición ni comentarios truncados. Devuelve únicamente el archivo HTML completamente generado, listo para ejecutarse directamente en Chrome/Safari/Firefox.

Cómo usar este prompt

01

Empieza con la herramienta adecuada

Abre tu asistente de programación o herramienta 3D preferida. Usa como punto de partida el modelo indicado en el ejemplo y consulta las instrucciones de los proyectos enlazados.

02

Elige una cosa que cambiar

Cambia el sujeto, el estilo artístico o el entorno. Define bien la cámara y la interacción. Crea primero una versión pequeña y mejora un detalle a la vez.

03

Dale recursos propios a la escena

Para un personaje u objeto personalizado, crea un modelo 3D a partir de una breve descripción o imagen de referencia e impórtalo en tu proyecto.

Las vistas previas pertenecen a sus respectivos creadores. Consulta la fuente original y la licencia del proyecto antes de reutilizar código o recursos.