takashiyoshinaga/agenticcodingblog

AgenticCodingBlog is an interactive 3D solar system visualization that runs entirely in a web browser, built to accompany a set of blog posts about creating 3D web content with the help of Codex, an AI coding assistant. The demo shows the Sun, all 8 planets, Earth's Moon, orbit paths, planet labels, and a star field backdrop, giving you a small self-contained model of the solar system to explore rather than a static image. You can explore the solar system using mouse and keyboard controls: drag to rotate the camera around the scene, scroll to zoom in and out, and use the WASD keys to fly the camera freely through the scene, much like moving a character in a simple 3D game. All planets orbit the Sun and rotate on their own axis in continuous animation, so the scene keeps moving even if you just sit and watch it. On devices that support WebXR, a browser standard for augmented and virtual reality, a View in AR button lets you overlay the solar system on the real world through your device's camera, effectively placing a miniature model of the planets on your desk or floor. In AR mode, you can scale the solar system larger or smaller using the right controller stick, letting you zoom the whole model in or out to a comfortable size. The tech stack listed in the README is Three.js version 0.164.1, a JavaScript library for rendering 3D graphics in the browser, OrbitControls, which is a Three.js camera navigation add-on, the WebXR Device API for the AR features, and vanilla JavaScript using ES Modules, meaning standard browser JavaScript with no framework or build step required to run the project. The project is accompanied by blog posts written in both Japanese and English that describe the development process behind it, and both are linked directly from the README for anyone who wants more background on how it was built.