PROXIMITY
← BACK TO WORK
Active Theory Labs
03

IMMERSIVE WEBGL

Active Theory Labs

Sample study inspired by Active Theory — immersive studio homepage, WebGL scenes, and project gallery hover states.

INSPIRED BY Active Theory

CREATIVE DEVELOPER2026
WebGLThree.jsGLSLGSAP
View Reference →Source →

REFERENCE

activetheory.net

FOCUS

Immersive web

PATTERN

WebGL hero

SCREENSHOTS

KEY VIEWS FROM THE BUILD

Active Theory style studio homepage with centered logo and WebGL rings
Studio landing — minimal chrome, centered identity, real-time graphics as the hero.
WebGL scene with anaglyph dual-pass geometry
WebGL scene — anaglyph red/cyan composite matching the PROXIMITY dual-lens motif.
Project gallery grid with hover border treatment
Project index — grid gallery with accent border on active hover state.
01

Overview

Active Theory pioneered the immersive agency site — WebGL heroes, full-viewport scenes, and project grids that feel like art direction, not templates. This sample study channels that energy with the PROXIMITY anaglyph palette layered in.

02

Process

Broke activetheory.net into three beats: studio identity landing, real-time shader scene, and project index. Composed static frames first to nail contrast and motion intent, then mapped where Three.js instancing and post-processing passes would land in production.

03

Outcome

An immersive portfolio template — WebGL hero hook, dual-pass color treatment, and gallery grid with hover accent — built to showcase creative dev work at agency level.

← PREV02 Stripe Brand Site

Ready to build something like this?

LET'S CONNECT →