霧・滝壺・スライダー付きのWebGPU×Three.js滝シーン

Build a real-time waterfall scene with Three.js using WebGPU. Show a tall rocky cliff with layered rock texture, a ribbon of falling water made of streaks and spray particles, a rolling mist cloud at the base, and a turquoise plunge pool ringed by boulders, foam and grass, with a lone tree on the clifftop. Light it with a warm low sun and a gradient sky. Add a small panel with sliders for time of day, wind, flow rate, mist amount and audio volume, plus a mute button and a reset-view button, and show a tiny stats readout. Let the user orbit and zoom the camera freely, and include ambient waterfall sound. Keep everything procedural, in a single web page with no external assets. Done means the water looks continuous and the mist reacts to the sliders as the camera moves in close and pulls back.