Holographic Foil.

A self-contained WebGL2 hero: thin-film interference over a crushed-foil surface whose palette shifts with the viewing angle; move the cursor to tilt the film.

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

Tags

  • example
  • first-party
  • hero
  • webgl
  • webgl2
  • shader
  • iridescent
  • foil
  • generative
  • powered-preview
  • untitled