vgpuDocs →

Examples

  • Simple Gradient
  • Triangle LED Hero
  • Anti-Aliasing
  • Post-Processing
  • Black Hole
  • Earth
  • Interactive Fluid
  • Instanced Rendering
  • Batch Rendering
  • Particles ocean
  • FFT ocean surface
  • Raymarched fractal
  • Environment Map
  • Transmission
  • Radiance Cascades
  • Next.js Flare
  • Depth Estimation
  • MNIST Classifier
  • Air Painting

Triangle LED Hero

Analytic edge-glow triangle with LED emitters, floor radiance, and interactive color deploy. Canvas-scoped pointer input drives the lighting while an accessible mode selector chooses highlighted edges.

Open fullscreen
index.tsxcontrols.tsxtypes.tsrenderer.tsscene-renderer.tslight-sources-raw.tslight-sources-pass.tsled-buffer.tssettings.tshero-frame-state.tsdirect-triangle-raycast.tsvalue-noise.tstriangle-hit.tssim-sizing.tsshaders/light-sources.wgslshaders/led-emitters.wgslshaders/direct-triangle-raycast.wgslshaders/floor-noise.wgslshaders/color-utils.wgslshaders/geometry.wgslshaders/floor-falloff.wgslshaders/hash.wgslshaders/themes/dark/main-scene-floor.wgslshaders/themes/light/main-scene-floor.wgsl
export fn hash21(p: vec2f) -> f32 {
  return fract(sin(dot(p, vec2f(127.1, 311.7))) * 43758.5453123);
}