コンテンツへスキップ

Three.js Ocean Lab

Water World is a backyard pool of real GPU particle water. Drop in beach balls, rubber ducks, crates and cannonballs that float or sink by their actual density, throw them around, tap the water to splash, and switch on the wave machine, a fountain or a whirlpool, all at once if you like. Browsers without WebGPU get the classic Three.js water lab with ripples, refraction and caustic light.

WebGPUParticle FluidsThree.jsBuoyancy
Landscape artwork for Water World showing a glowing procedural ocean simulation

探索 Water World

Water World は、実際のGPUパーティクル水による裏庭のプールです。プールのオモチャは実際の密度で浮いたり沈んだりし、造波機、噴水、渦巻きが水を動き続けさせます。

ボタンまたはキー 1 から 4 でおもちゃをドロップし、ドラッグして投げ、水をタップしてしぶきを上げ、エフェクトのオンとオフを切り替えます。WebGPU を持たないブラウザーでは、波紋、屈折、コースティクスを備えた古典的なハイトフィールドウォーターラボを取得します。

関連する読みもの

Instagram