Open Sea — Océano WebGPU en tiempo real
Un océano WebGPU en tiempo real renderizado con Three.js TSL: oleaje de Gerstner, detalle de microsuperficie FBM, un cielo espectral, controles de estado del mar y hora del día, y un modo de deriva sin intervención. Este caso fue generado por Kimi K3.
Una demo autónoma de océano WebGPU con controles orbitales, deslizadores de estado del mar y hora del día, y un modo de deriva.
Probar Websites AgentCrea una demo autónoma de océano en tiempo real llamada 'Open Sea' con WebGPU y Three.js TSL. Renderiza oleaje de Gerstner con normales de microsuperficie FBM y un cielo espectral que siga la hora del día. Incluye controles de cámara para orbitar al arrastrar y hacer zoom al desplazarse, un panel HUD con deslizadores de estado del mar y hora del día, además de una lectura de FPS en vivo, y un modo de deriva que permita que la cámara se deslice por sí sola. Mantén todo en una sola página estática sin paso de compilación, muestra un elegante estado de inicialización mientras inicia el renderizador y degrada la experiencia de forma adecuada cuando WebGPU no esté disponible.
Cambia la calma de la tarde por una tormenta nocturna iluminada por la luna, con oleaje más intenso, estelas de lluvia y relámpagos ocasionales.
Probar Websites AgentCrea una demo autónoma de océano en tiempo real llamada 'Open Sea — Night Storm' con WebGPU y Three.js TSL. Renderiza oleaje de Gerstner con normales de microsuperficie FBM y un cielo espectral que siga la hora del día. Incluye controles de cámara para orbitar al arrastrar y hacer zoom al desplazarse, un panel HUD con deslizadores de intensidad de la tormenta y altura de las olas, además de una lectura de FPS en vivo, y un modo de deriva que permita que la cámara se deslice por sí sola. Mantén todo en una sola página estática sin paso de compilación, muestra un elegante estado de inicialización mientras inicia el renderizador y degrada la experiencia de forma adecuada cuando WebGPU no esté disponible.
Coloca un pequeño velero sobre las olas para que quien lo vea pueda dirigirlo con el teclado mientras navega el oleaje.
Probar Websites AgentCrea una demo autónoma de océano en tiempo real llamada 'Open Sea' con WebGPU y Three.js TSL. Renderiza oleaje de Gerstner con normales de microsuperficie FBM y un cielo espectral que siga la hora del día. Agrega un velero low-poly que flote sobre el oleaje con una flotabilidad simple y permite que quien lo vea lo dirija con WASD, mientras la cámara puede seguir el barco u orbitar libremente. Incluye controles de cámara para orbitar al arrastrar y hacer zoom al desplazarse, un panel HUD con deslizadores de estado del mar y hora del día, además de una lectura de FPS en vivo, y un modo de deriva que permita que la cámara se deslice por sí sola. Mantén todo en una sola página estática sin paso de compilación, muestra un elegante estado de inicialización mientras inicia el renderizador y degrada la experiencia de forma adecuada cuando WebGPU no esté disponible.
Detecta de antemano la compatibilidad con WebGPU y ofrece una versión más ligera con WebGL2 para que la demo funcione en todos los navegadores modernos.
Probar Websites AgentCrea una demo autónoma de océano en tiempo real llamada 'Open Sea' que detecte la compatibilidad con WebGPU al iniciarse y recurra a un renderizador WebGL2 más ligero cuando WebGPU no esté disponible, conservando la misma escena y los mismos controles en ambas opciones. Renderiza oleaje de Gerstner con normales de microsuperficie FBM y un cielo espectral que siga la hora del día. Incluye controles de cámara para orbitar al arrastrar y hacer zoom al desplazarse, un panel HUD con deslizadores de estado del mar y hora del día, además de una lectura de FPS en vivo, y un modo de deriva que permita que la cámara se deslice por sí sola. Mantén todo en una sola página estática sin paso de compilación, muestra un elegante estado de inicialización mientras inicia el renderizador y haz que, en dispositivos móviles, el HUD se repliegue en un panel inferior con órbita táctil.
Selección de temporada y fotos de modelos desde dos ángulos en una sobria tienda de moda organizada en torno a dos líneas de productos.
Cuatro habitaciones, cada una frente a su propia montaña, y un baño de piedra al aire libre: una tranquila posada onsen entre la niebla.