WebGL lab

Scene sandbox

Three entities drive every effect: Scene (objects + light), Camera (point of view), Renderer (canvas loop). Drag the knobs — JavaScript params update the model in real time.

Motion lab · Gallery · three.js examples

Scene · Camera · Renderer

PresetQualityNarrative scroll → camera / uniformsPersistent canvas (brief flag only)Soft bloom (high quality only)

Home demo: #story uses scroll-story webgl. docs/features/WEBGL-ASSETS.md

Speed1.00Distort0.25Ambient light0.60Directional light0.80Particles420Camera FOV45Color

{
  "webgl": {
    "enabled": true,
    "scene": "wireframe",
    "narrative": false,
    "params": {
      "speed": 1,
      "distort": 0.25,
      "color": "#8b7cf6",
      "ambientIntensity": 0.6,
      "directionalIntensity": 0.8,
      "particleCount": 420,
      "fov": 45
    }
  }
}

Loading…

Launchpad

en ru