OceanDemo

KO | EN

gitlite — search

#javascript #hacktoberfest #react #typescript #golang #docker #macos #java #nodejs #windows #kubernetes #awesome-list #vue #openai

(★ 145)

Ocean demo in WebGPU with Babylon.js

OceanDemo Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Ocean demo in WebGPU

This is a port to [Babylon.js](https://www.babylonjs.com/) of the great project [FFT-Ocean](https://github.com/gasgiant/FFT-Ocean): all credits to Ivan Pensionerov (https://github.com/gasgiant)!

Link to the demo: https://popov72.github.io/OceanDemo/dist/index.html

You can also browse this demo in the Babylon.js Playground: https://playground.babylonjs.com/#YX6IB8#758

Use F8 to show/hide the GUI (after you click anywhere in the rendering area to give focus to the canvas) and WASD to move.

**Note that your browser needs to support WebGPU!**

![Ocean 1](https://raw.githubusercontent.com/Popov72/OceanDemo/main/src/assets/ocean/ocean0.jpg)
![Ocean 2](https://raw.githubusercontent.com/Popov72/OceanDemo/main/src/assets/ocean/ocean1.jpg)
![Ocean 3](https://raw.githubusercontent.com/Popov72/OceanDemo/main/src/assets/ocean/ocean2.jpg)
![Ocean GUI](https://raw.githubusercontent.com/Popov72/OceanDemo/main/src/assets/ocean/ocean3.jpg)

# Running locally

To run the demo on your local computer

1. Clone / download this repository
1. run `npm install` to install the needed dependencies.
1. run `npm start`
1. A new window should open in your default browser. if it doesn't, open http://localhost:8080
1. You can also build the dist files by doing `npm run build`

OceanDemo

OceanDemo Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

OceanDemo

OceanDemo Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README