Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/Popov72/OceanDemo

Ocean demo in WebGPU with Babylon.js
https://github.com/Popov72/OceanDemo

Last synced: 2 months ago
JSON representation

Ocean demo in WebGPU with Babylon.js

Lists

README

        

# 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#229

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](src/assets/ocean/ocean0.jpg)
![Ocean 2](src/assets/ocean/ocean1.jpg)
![Ocean 3](src/assets/ocean/ocean2.jpg)
![Ocean GUI](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`