Distortion & Grain.

A vertical gallery (Three.js) where planes bend with scroll velocity, ripple under the cursor via simplex noise, and carry a film grain.

Preview from the bundled-plugin manifest.
Mode
prototype
Scenario
design
Surface
web
Author
Open Design ↗
Manifest id
example-webgl-distortion-grain

Tags

  • example
  • first-party
  • gallery
  • webgl
  • three.js
  • scroll
  • distortion
  • grain
  • shader
  • powered-preview
  • untitled