All MicroEvals
You are a world-class WebGPU, Three.js, and TSL graphics eng...
Create MicroEval
Header image for You are a world-class WebGPU, Three.js, and TSL graphics eng...

You are a world-class WebGPU, Three.js, and TSL graphics eng...

Prompt

You are a world-class WebGPU, Three.js, and TSL graphics engineer; create a production-quality full-screen procedural open-sea experience. Deliver a directly runnable index.html and main.js using native ES modules, with no framework, build step, image texture, HDRI, model, or video. Use WebGPURenderer and TSL to displace a dense plane with exactly five Gerstner waves and derive stable analytic swell normals. Add animated gradient-noise FBM for capillary detail, then shade deep water, Fresnel reflections, backlit crests, sun glitter, foam, and horizon haze. Use one analytic sky function and shared uniforms for both the sky dome and water reflection, including sun disk, halo, clouds, and time-of-day palettes. Include TSL bloom, ACES tone mapping, damped OrbitControls, slow drift, and controls for sea state, time of day, drift, and live FPS. Handle WebGPU detection, loading and failure states, resize, touch input, capped DPR, hidden-tab pausing, accessibility, and performance safeguards. Return complete executable code and brief launch instructions, with no placeholders, invented APIs, console errors, or hidden fallback rendering.

A system prompt was added to support web rendering

Drag to resize
Drag to resize

Response not available

Drag to resize
Drag to resize