Voxel Coder — 3D Coding-School Landing Page

A complete, scrollable coding-school landing page with the 3D built into it: a voxel character over rolling dunes that rebuilds itself into a code symbol on scroll. It is one self-contained HTML file, built entirely in code, with no image files, no 3D models and no build step. Under the hood: Three.js, about 1,500 instanced cubes with per-cube spring motion, two voxel targets (character and a sampled glyph), dune shader. What a visitor can do: move to push the cubes, scroll to rebuild it as a code symbol, click to shatter and reassemble, 4 presets (Dune, Mint, Grape, Night). Best for: Coding bootcamps and courses, developer communities, game studios, hackathons. Three.js loads from a CDN through an import map and the type (Silkscreen, Space Grotesk) from Google Fonts, so there is still nothing to install. The page is real HTML — a navigation bar, a full-height hero, content sections, a call to action and a footer — so the brand name, headlines and cards are edited as plain text. Colours, counts and speeds sit in a CONFIG block and a PRESETS array, colour themes restyle the page and the 3D together from a small swatch pill, ?embed hides the pill and ?tour scrolls the page by itself.