← Back

Compositor Lab

Advanced Blending: WebGPU (Background) + WebGL2 (Foreground)

SYSTEM READY
INIT...
Blend Mode
Test Signals
Configuration
LAYER SWAP
GL VISIBLE
GPU: ...
GL2: ...

Implementation Details

This demo combines multiple rendering contexts layered via CSS:

  • Backing Layer - Canvas 2D for background patterns.
  • WebGPU - Compute shader "Circuit" simulation.
  • WebGL2 - Instanced LED rendering (Foreground).