Debug Mode¶
Debug mode is a panel that gives you tools to inspect and analyse your shader while it runs. Toggle it with the button in the preview toolbar.
When enabled, the debug panel appears next to the canvas. Each feature inside can be turned on or off independently depending on what you need.
Debug Panel Toolbar¶
The header has buttons to toggle individual features:
| Button | Description |
|---|---|
| Errors | Show or hide shader compile errors |
| Pixel Inspector | Show a zoom view and exact RGB, float, hex, fragCoord, and UV values for the pixel under the cursor (more) |
| Variable Inspector | Capture and inspect all variables in scope (more) |
| — | divider |
| Inline Rendering | Visualize the value of the variable on your current line by rewriting the shader output (more) |
| / Line Lock | Freeze the debug view on the current line so moving the cursor elsewhere doesn't change it |
| Normalize | Remap value ranges to make small variations visible (more) |
| Step | Apply a binary threshold to the output (more) |
Features¶
| Feature | What It Does | Page |
|---|---|---|
| Pixel Inspector | See exact RGB, float, and coordinate values under your cursor | Pixel Inspector |
| Inline Rendering | Execute only up to the current line and visualize the result | Inline Rendering |
| Variable Inspector | Capture all in-scope variable values by sampling across the canvas or at a single pixel | Variable Inspector |
| Normalization & Step | Remap value ranges and apply binary thresholds | Normalization & Step |
| Parameters & Loops | Control function arguments and cap loop iterations | Parameters & Loops |
| JavaScript Transpilation | Transpile GLSL to JavaScript for step-through debugging | JavaScript Transpilation |
Uniforms¶
The uniforms section is always visible at the bottom of the debug panel. It shows live values of:
| Uniform | Description |
|---|---|
iTime |
Elapsed time in seconds |
iResolution |
Viewport dimensions |
iMouse |
Mouse position (xy = current, zw = previous) |
iFrame |
Frame counter |
iTimeDelta |
Seconds since last frame |
iFrameRate |
Current frames per second |
iDate |
Year, month, day, seconds since midnight |
iSampleRate |
Audio sample rate |
iCameraPos |
Camera position in world space (WASD/QE) |
iCameraDir |
Camera look direction (mouse/IJKL) |
If the shader has script-driven uniforms, they appear below the standard uniforms with their current values.
Next¶
Pixel Inspector — see exact RGB, float, and coordinate values under your cursor