BLOKS Labs / Realtime Systems

BLOKS Shader Viewer Labs

Interactive GLSL experiments powered by the BLOKS Shader Viewer. Drag, click, go fullscreen, and enable audio reactivity to explore realtime visual systems directly in the browser.

Explore Demos Try Audio Reactivity
Interaction Demos

Motion Fields

These demos test drag velocity, pointer smoothing, ripple behavior, and realtime field distortion.

Interaction Test

Liquid Signal Field

A fluid-style visual field that bends and ripples through pointer motion.

◈

Shader Preview Unavailable

This realtime shader may be too intensive for your current device or browser.

Plasma System

Plasma Drag Vortex

A glowing plasma vortex pulled by cursor movement and pointer velocity.

◈

Shader Preview Unavailable

This realtime shader may be too intensive for your current device or browser.

Raymarching / Fake 3D

Orbital Force Core

A compact faux-3D raymarched scene with pointer-based camera influence and fullscreen support.

◈

Shader Preview Unavailable

This realtime shader may be too intensive for your current device or browser.

Audio Reactive

Audio Pulse Core

Click the audio button on the shader controls to enable microphone input. The shader responds to bass, mids, highs, and overall audio level.

◈

Shader Preview Unavailable

This realtime shader may be too intensive for your current device or browser.

◈

Shader Preview Unavailable

This realtime shader may be too intensive for your current device or browser.

Shader Viewer API

Supported Uniforms

The BLOKS Shader Viewer exposes pointer, motion, timing, resolution, fullscreen, and audio analysis uniforms to embedded GLSL shaders.

Interaction Uniforms

Pointer + Motion

uniform vec2 uPointer;
uniform vec2 uPointerDelta;
uniform float uPointerDown;
uniform vec4 iMouse;
Audio Uniforms

Audio Analysis

uniform float uAudioLevel;
uniform float uAudioBass;
uniform float uAudioMid;
uniform float uAudioHigh;
BLOKS Viewer

Built for Interactive Shader Education

The BLOKS Shader Viewer is evolving from a simple WebGL embed into a lightweight realtime graphics engine for tutorials, tools, Labs experiments, and audiovisual systems.

Scroll to top