Particles ocean

A deep-water surface driven by a real inverse FFT. A Phillips spectrum evolves in frequency space, Stockham passes produce a displacement field, and half a million particles ride the waves through an HDR bloom chain.

Open fullscreen

index.tsx renderer.ts ocean-graph.ts tuning.ts camera.ts ocean-common.wgsl noise.wgsl initial-spectrum.wgsl spectrum.wgsl ifft-stage.wgsl normal-foam.wgsl particles.wgsl particles-common.wgsl particles-light.wgsl bloom-bright.wgsl bloom-blur.wgsl bloom-composite.wgsl present.wgsl stage-preview.wgsl

import { fullscreenPosition } from "./ocean-common.wgsl";
 
struct StagePreviewUniforms {
  outputWidth: f32,
  outputHeight: f32,
  stage: f32,
  gain: f32,
};
@group(0) @binding(0) var<uniform> u: StagePreviewUniforms;
@group(0) @binding(1) var u_input: texture_2d<f32>;
 
struct VSOut { @builtin(position) pos: vec4f };
 
@vertex fn vs_main(@builtin(vertex_index) vi: u32) -> VSOut {
  var out: VSOut;
  out.pos = fullscreenPosition(vi);
  return out;
}
 
fn signedLog(v: f32) -> f32 {
  return 0.5 + 0.5 * sign(v) * log(1.0 + abs(v) * u.gain) / log(1.0 + u.gain);
}
 
@fragment fn fs_main(in: VSOut) -> @location(0) vec4f {
  let dims = vec2f(textureDimensions(u_input));
  let uv = clamp(in.pos.xy / vec2f(u.outputWidth, u.outputHeight), vec2f(0.0), vec2f(0.999999));
  let texel = vec2u(floor(uv * dims));
  let v = textureLoad(u_input, texel, 0);
  if (u.stage > 2.5) {
    return vec4f(clamp(v.xyz * 0.5 + vec3f(0.5), vec3f(0.0), vec3f(1.0)), clamp(v.w, 0.0, 1.0));
  }
  let rgb = vec3f(signedLog(v.x), signedLog(v.y), signedLog(v.z));
  return vec4f(clamp(rgb, vec3f(0.0), vec3f(1.0)), 1.0);
}