WebGL & Three.js Experiences

Glass Ball

A sphere of glass shards held together by nothing but attraction, that scatters under the cursor.

HorizonX · 3D & Perspective

Reactive Globe

A silver capsule globe that bends around four glass orbiters.

HorizonX · 3D & Perspective

Particle Sphere

Ten thousand points on a spinning sphere the cursor pushes out of shape.

HorizonX · Pointer Physics

Interactive Three.js / WebGL configurator for a prosthetic hand — tune parameters, layers, and animations in a live 3D viewport.

HorizonX · Vibe coding

A five-chapter night passage through a fourteenth-century gatehouse, rendered live in WebGL.

HorizonX · Code

Interactive WebGL particle butterfly — shimmering blue, purple and gold particles whose wings react live to your cursor and light sweeps.

HorizonX · Vibe coding

A cinematic Three.js desert experience built around a fractured, interactive pyramid.

HorizonX · Vibe coding

A cursor-reactive Three.js hero where every movement sends a pulse through a living grid.

HorizonX · Code

A cinematic 3D building-energy command center with predictive AI controls, floor-level insights, and live operational metrics.

HorizonX · Vibe coding

Interactive WebGL car showroom — a classic sports car staged in a cinematic light-tunnel with wet reflections, drag-to-orbit camera and live paint changes.

HorizonX · Vibe coding

Liquid Distortion

An image that ripples under the cursor like the surface of still water.

HorizonX · Effect

Volume Tube

The deck wraps around a WebGL cylinder that spins on scroll around a lit core.

HorizonX · 3D & Perspective

Pointer Particles

An image dissolved into a field of particles the cursor shoves out of the way.

HorizonX · Pointer Physics

Video Projection

One video projected across a field of cubes. A mask image decides which cells build, and every cube carries its own slice of the footage.

HorizonX · 3D & Perspective

Noise Surge

Click the card and it grows to fill the frame, every vertex pushed around by simplex noise on the way so the picture boils before it settles.

HorizonX · 3D & Perspective

Petal Bloom

Click the card and it lifts into the frame pulled into a petalled ring, every vertex pushed out along its own angle by a sine wave.

HorizonX · 3D & Perspective

Channel Zoom

The picture leans toward the pointer and pulls its own colour channels apart as it goes, so the zoom arrives with the fringing a fast lens leaves behind.

HorizonX · 3D & Perspective

Depth Scan

A luminous cross grid scans through an image using its depth map, with subtle pointer-driven parallax.

HorizonX · Effect