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, immersive WebXR handoff, 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, headset-ready on supported browsers, and easy to evolve alongside the rest of the site.
Three.js
Dynamic Modules
Camera Controls
WebXR
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, view placement, and camera movement so CodeCube can focus on the experience instead of low-level Three.js plumbing.
Immersive camera handoff
Modules can define a default viewer pose once, and Photonic uses that same pose as the starting head position when a visitor enters immersive WebXR. That keeps desktop, mobile, and headset entry aligned instead of branching into unrelated camera setups.
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, asset versioning, and runtime interaction surfaces 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.
- The /viz experience can request immersive WebXR sessions on supported browsers, with current focus on Apple Vision Pro and Meta Quest room-scale camera control.
How visitors feel it
Explorable demos
Photonic lets CodeCube turn ideas into experiences people can pan around, inspect, revisit, and now step inside on supported headsets, instead of flattening everything into static screenshots.
Spatial storytelling
Objects, motion, room-scale viewpoint, 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 on screens today and supported headsets when the scene calls for it.