Noniv/web-ocean

Maintainer? Show your league in your README

Card: your league's emblem, from Copper to Legendary

[![bestofgithub](https://bestofgithub.dev/badge/Noniv/web-ocean.svg?style=card)](https://bestofgithub.dev/repo/Noniv/web-ocean)

Flat: fits beside your other badges

[![bestofgithub](https://bestofgithub.dev/badge/Noniv/web-ocean.svg)](https://bestofgithub.dev/repo/Noniv/web-ocean)

Loading README…

Input	Action
Click the canvas	Capture the mouse (Esc releases it). Holding the right mouse button also works.
Mouse	Look around
W A S D	Move
Space or E / Q or C	Up / down
Shift	5x speed
Mouse wheel	Change base speed
H	Settings panel: wind, swell, choppiness, turbidity, foam, sun, haze, clouds, exposure, bloom

Path	Contents
`index.html`	Page shell, HUD, and settings panel styles
`js/main.js`	Device setup, resources, camera, per-frame loop
`js/wgsl/`	Shaders as JavaScript modules: `sim.js` (waves and foam), `sky.js` (atmosphere and clouds), `ocean.js` (surface and sky pass), `post.js` (bloom and tone mapping), `common.js` (shared structs)
`server.mjs`	Tiny static server for development
`build.mjs`	Builds `ocean.html` and `ocean.min.html`
`docs/`	README images

web-ocean