SELECTED WORK
Loading projects...
Selected Work

Real-Time 3D In The Browser

Nine web experiences built with three.js, React Three Fiber, GSAP and Canvas — cinematic scroll journeys, two that are genuinely playable, and a product study you operate by scrolling. No plugins, no install; each runs full-screen in a browser, phone included.

3D · PLAYABLE Chained beneath the tree

Elbaf: The Under-Realm

original work · playable in the browser

A third-person action prototype under the roots of a tree the sun never reaches. Two playable fighters with hand-authored bone poses over generated rigs, a chained giant to find, an old man's key sealed in ice, and five seastone wards to break before he can stand. Keyboard or two thumbs.

React Three Fiber Rapier Physics Procedural Rigging
Open →
3D · PLAYABLE Night of the fire festival

Onigashima: The Raid

original work · playable in the browser

The night of the Fire Festival, off the island of demons. Watch the approach as a cinematic, take the helm and sail the storm sea yourself, or dive the submarine under the two maelstroms that guard the island and come up in the hidden cove at its back — then walk the burning castle inside the skull, all six floors to the rooftop lookout.

React Three Fiber Procedural Island Custom Water Shader
Open →
GSAP · SCROLL Awakening

Sage Mode Awakening

original by rustytrooser

A pinned, scroll-driven transformation — Base → Hand Seal → Sage Mode — with jagged thunder cracks, camera shake and rising chakra motes.

GSAP ScrollTrigger Canvas Lightning Vanilla JS
Open →
CANVAS · GSAP Expansion

Domain Expansion

original by rustytrooser

Hands meet, the sign forms, the whole sky answers — a hand-coded fractal-lightning storm, then Sukuna rises over the domain.

Canvas Storm Engine GSAP ScrollTrigger Parallax
Open →
3D · WEBGL Grand Line Fizz

Grand Line Fizz

original by rustytrooser · Apache-2.0

A real-time 3D soda-brand landing — a GLTF can with wrapping character labels, HDR lighting and GSAP-scrubbed camera moves across the crew.

React Three Fiber Next.js (static) WebGL
Open →
FRAME SCRUB · CANVAS Frame by frame

Uchiha Itachi

122 stills decoded and scrubbed against the scroll wheel, so the whole sequence plays at exactly the speed you move — and the eyes track your cursor while it does.

Scroll-scrubbed frames Mouse-tracked eyes Preloader
Open →
FRAME SCRUB · VIDEO King of Hell

King of Hell

A scroll-driven sequence cut from video into frames, so the transformation resolves under your own scrolling rather than on a fixed timeline.

Frame sequence Video hero Scroll timeline
Open →
THREE.JS · SCROLL-DRIVEN Operated by scrolling

Measure

Two compact diagnostic instruments, modelled from scratch and animated to be scrubbed rather than played — every clip driven from scroll position, never from a clock, so any frame you stop on is a pose someone authored. Retopologised geometry and baked PBR atlases get each one under 1.7 MB. Anchored callouts track the parts they name as the object turns.

Scroll-driven clips Baked PBR atlas KTX2 + Draco
Open →
THREE.JS · GENERATED Built from JSON

Vishal House

A real three-storey house built entirely from a JSON floor plan — no modelling software, no mesh files. Walls, doors, windows, stairs, roof and furniture are all generated in the browser at load. Walk through it in first person, lift the roof off, or drop to an orthographic plan.

Procedural geometry First-person walk Sun position by time
Open →

All three original experiences were created by rustytrooser. Adapted, polished and showcased here with animation & layout enhancements — original authorship and licenses preserved.