habitat

A procedurally animated robot that lives on a web page. Jointed SVG rig, spring physics, and a small state machine that decides what he does with his day.

LANG JavaScriptHOSTED ON JAMESTRICHMOND.GITHUB.IOUPDATED 9 Sep 2026

• #animation
• #creative-coding
• #javascript
• #procedural-animation
• #robot
• #state-machine
• #svg
• #virtual-pet
• #zero-dependencies

More like this

• particle rendering experiment Interactive browser experiment exploring particle rendering and animation.
• 3d animated logo Cinematic 3D animated logo built with Three.js, featuring glowing orange and yellow rings, a pulsing core, futuristic tunnel, stairs, particles, and…
• fluid lab 浏览器里的实时流体模拟:零依赖 JavaScript 实现 Navier-Stokes(半拉格朗日对流 + SOR 压力投影 + 涡度增强),带交互式控制台和无依赖 Node 测试。
• tendril garden Deterministic generative line drawings grown through collision-aware spatial rules.
• Galaxy Quest Cinematic Engine A broadcast-standard, real-time cinematic workspace built natively in the browser. Features procedural 2D IK rigging, WebGL post-processing, and TTS…
• flowgrain A browser-based generative pixel art tool for creating unique two-color compositions from seeded flow fields and symmetry