Kage

Sakura Crossing is an explorable Japanese suburban railway-crossing neighbourhood built as a real-time Three.js 3D scene and rendered to resemble a hand-painted, cel-shaded 2D anime background. The spherical town includes a railway, shopping street, shrine, school, library, residential areas, festival ground, hills and a drainage channel; users can walk, ride an e-bike, call a train, interact with vending machines and other objects, and orbit out to view the planet. Signs, lanterns and other facade details are drawn at runtime with Canvas2D rather than loaded as image assets, while the outlines use a screen-space second difference of depth instead of an edge filter. The repository runs with Node 18 or newer, Three.js and Vite, and provides development and production-serving commands.

Jungle Trail is a first-person procedural jungle walkthrough built with Three.js, taking the player along a winding trail toward overgrown stone ruins and a waterfall. It uses no external art assets: textures, meshes, materials, character elements, and sound are generated in code, including GLSL-based procedural textures and normal maps. The scene is assembled from procedural terrain, plants, stone blocks, and a character, with synthesized audio generated at load time. The project is a plain ES-module web application with no build step and can be run through a static file server. It provides desktop mouse-and-keyboard controls, touch controls, and debug and teleport options; the README states that it is intended for a desktop GPU and has no reduced-quality mobile version.

A browser-based first-person shooter built with Three.js r180 and WebGL2. It uses procedurally generated textures, meshes, animations, and Web Audio synthesis rather than external art or sound files; its systems include a market-street world with enterable interiors, custom physics and character movement, procedural weapons and ballistics, GPU visual effects, navmesh-based enemy AI with perception and cover behavior, and a DOM/CSS HUD. The repository also provides a development and testing harness: headless-Chromium screenshot capture, isolated reproducible shotsets with pixel-diff gating, scripted playtesting, and a gameplay profiler that reports frame-time distributions and attributes hitches to per-frame WebGL program compilation. The project is run with npm and has Three.js as its only runtime dependency.

The Complete Shelf is a single-file Three.js interactive library containing seven clothbound hardcover volumes themed around Codex, Claude Code, Cursor, Antigravity, Figma, Framer, and Xcode. Users navigate a continuous shelf with wheel, keyboard, buttons, or position markers, then move a volume into a responsive detail view with orbit, pan, zoom, hover-to-open, and curved page-turn interactions. Each book is assembled from reusable geometry with separate boards, spine, hinges, endpapers, page block, headbands, bookmark, foil, and contact shadows; procedural textures and book-specific color systems drive the materials and scene. A small state machine coordinates deterministic shelf-to-detail transitions, while accessible HTML controls and status announcements overlay the WebGL scene. The entire experience is contained in index.html, including layout, shaders, geometry, interaction logic, embedded image atlases, and audio; it uses Three.js and has no backend, bundler, analytics layer, or browser-side API calls.

Cinematic Zoom is a browser-based three.js application that flies a camera from orbit to selected locations on Earth and records the movement as an MP4. Users choose a landmark or enter a name, coordinates, DMS coordinates, or a map link, then select a shot preset—Dive, Descent, Orbit, Flyby, or Hyperzoom—a lighting setup, and a duration. The camera's distance, bearing, pitch, lens, and roll each follow separate curves rather than a single interpolation, while the app positions the sun for the selected location and renders Google's photorealistic 3D tiles. The project is built on the three.js 3d-tiles-renderer, with tiles streamed through Cesium Ion and atmosphere and clouds supplied by @takram/three-geospatial. It requires Node 22.12 or newer for local development and a browser with WebGL 2; recording additionally requires WebCodecs with a hardware video encoder. A Cesium Ion token or a Google Maps Platform key with the Map Tiles API enabled is required, and the app stores the token in the browser.