Ongoing

Three.js Experiments

Creator · 2026 · 3 min read

Browser-based 3D scenes, shaders, and parallax effects built with Three.js. The fluid backgrounds on this site come from this work.

Overview

A growing set of small Three.js experiments: site-background scenes, scroll-driven parallax, custom shaders, isometric rooms, and flocking simulations. Some run as background layers on this site (clouds, valley, waves, flock, tesseract); a few are standalone demos on their own subdomains. Each is one HTML file or a small Astro page, no build step for the demo itself.

A loose collection of Three.js scenes. Some run as the site’s animated background (one of six is picked at random per session), some live as standalone demos on their own subdomains.

Site background scenes

The homepage rotates between six fluid backgrounds: a 2D simplex-noise shader, 3D polygonal clouds, low-poly birds flocking, a purple mountain valley with scroll-driven camera, a wireframe ocean, and a morphing 4D tesseract. Each is a separate component with its own shaders and animation loop. Picked once per session, swappable via the selector in the nav.

Related Writing