AI UX PlaygroundNewsletterJoin 2K+ AI designers and PMs on Substack. New teardowns, patterns, and prompts as they drop.

Joel TankardShaders & WebGPU

Bump map holographic demo

A tight React + WebGL-style experiment from Joel Tankard’s site: specular highlights and rainbow interference read as depth and motion while the geometry stays flat. Good reference when you want “holographic sticker” polish in product UI without shipping a sprite loop, just normals, environment response, and careful art direction.

What's interesting

  • Interactive Web demo on joel.plus: a card-like surface whose lighting shifts like a foil hologram as you move the pointer, driven by bump or normal mapping rather than video.
  • A tight React + WebGL-style experiment from Joel Tankard’s site: specular highlights and rainbow interference read as depth and motion while the geometry stays flat.
  • Good reference when you want “holographic sticker” polish in product UI without shipping a sprite loop, just normals, environment response, and careful art direction.

Tags

WebGLShaderMotionMaterialsInteractionCraft