Idea → Automate → Think → Ship → Scale
Five scenes tell one story: how a single command grows into infrastructure that quietly powers the things people love.
Scroll World Experience
Scroll. Fly.
Scroll. Fly.
Build a World.
One continuous camera flight through five procedural dioramas — a terminal, an automation line, a reasoning core, a launchpad and a growing city. No video files. No loading screens. Just canvas, math, and your scroll position.
The Flight
Scroll to Fly Through
Your scroll position is the camera. It dives into each diorama, then flows on to the next — one seamless shot from a blinking cursor to a city that runs itself.
From a blank canvas to a world that runs itself.
Every scene below is drawn frame-by-frame on a single canvas. The only asset is the code.
The Scenes
Five Dioramas, One Flight
Keep scrolling — the story doesn't stop. This section slides sideways while you move down.
Under the Hood
How the World Works
Scroll
Progress
Isometric
Canvas
A single requestAnimationFrame loop maps your scroll depth to a camera flying through Z-space, projects every block with a 2:1 isometric transform, and shades three faces per block for chunky low-poly depth.
The Toolkit
Skills on a Spiral
Scroll to spin the wheel — a 3D ring of the tools that build these worlds.
Local LLMs
Ollama · llama.cpp · OpenWebUI
Multi-Agent
OpenClaw · Hermes · Orchestration
Automation
Python · Bots · Pipelines
Data & Finance
Power Query · Tally · VBA
Infrastructure
Linux VPS · Quantization · Uptime
Web & Canvas
Vanilla JS · Canvas · CSS 3D
ProceduralIsometricScroll-ScrubCanvasZero Assets60fpsDPR-awareReduced-Motion Safe
ProceduralIsometricScroll-ScrubCanvasZero Assets60fpsDPR-awareReduced-Motion Safe