Перейти до вмісту

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