Linkable 3D experiments
Webpack auto-discovers photonic modules, and /viz/ can load them directly from the query string. That gives CodeCube a way to publish 3D experiments as ordinary site routes instead of screenshots or isolated prototypes.
Behind /viz/
Photonic
The 3D engine that gives CodeCube a browser-native space for scene modules, camera-driven exploration, and visual storytelling.
Photonic is the site-specific rendering and runtime layer behind /viz/. Rather than presenting it as a standalone SDK, CodeCube uses it as the focused technology that makes 3D experiments loadable from URLs, inspectable from the console, and easy to evolve alongside the rest of the site.
Three.js
Dynamic Modules
Camera Controls
Click Handlers
Object Hierarchies
Console API
What it enables on CodeCube
Approachable scene authoring
Photonic wraps common scene operations behind a higher-level API for boxes, spheres, planes, arrows, materials, lights, and camera movement so CodeCube can focus on the experience instead of low-level Three.js plumbing.
Living interactive states
Scene modules can expose Load, Update, and Unload hooks, publish descriptions, respond to clicks, and attach objects together for parent-child motion that evolves frame by frame.
Integrated into CodeCube
Photonic is not a detached experiment. It is wired directly into the site's build, navigation, and asset versioning so new visual capabilities become part of the publishing surface the moment they are shipped.
- The /viz page exposes window.Photonic for rapid prototyping and debugging in the browser console.
- Built modules automatically appear in the header module picker, which stays in sync with the ?module= query string.
- Dynamic module URLs inherit the site's version query string, keeping cache busting aligned with the rest of the frontend.
How visitors feel it
Explorable demos
Photonic lets CodeCube turn ideas into experiences people can pan around, inspect, and revisit, instead of flattening everything into static screenshots.
Spatial storytelling
Objects, motion, and camera controls create room for narratives that make more sense in space than in paragraphs.
Realtime prototyping
Because the runtime is part of the site, new modules can move quickly from idea to public artifact without needing a separate demo stack.
A site feature, not a side project
Photonic gives CodeCube a way to publish 3D ideas with the same repeatable workflow as the rest of the site: build the module, link the URL, and let readers step inside the experience.