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 (12 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`