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
- Host: GitHub
- URL: https://github.com/Popov72/OceanDemo
- Owner: Popov72
- License: mit
- Created: 2021-07-19T19:33:28.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-07-09T11:19:42.000Z (11 months ago)
- Last Synced: 2024-01-21T21:34:43.692Z (5 months ago)
- Language: TypeScript
- Homepage:
- Size: 51.2 MB
- Stars: 68
- Watchers: 4
- Forks: 6
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Lists
- awesome-babylonjs - OceanDemo - Ocean demo in WebGPU. ([demo](https://popov72.github.io/OceanDemo/dist/index.html)) (Projects)
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`