Live browser prototype capture: Navigating the archive room with the CRT companion guide, inspecting the Idea Flow artifact, and transitioning into the Nostalgia Nihilism world.Somewhere between a memory and a channel.
My role
Build the world. Make it feel familiar.
I designed and built the CRT navigation, 3D environments, camera transitions, and visual effects in Three.js and React Three Fiber.
My contribution
Creative Direction & Worldbuilding
Spatial Interaction Design
WebGL / R3F Engineering
GLSL Shader Implementation
Active prototype
Living browser-based archive in active development.
The short version.
The story, before you tune in.
01
Problem
How can an autobiographical memory archive feel like a place to enter without requiring visitors to learn video-game controls?
Collaboration Station showed that free walking created a control and wayfinding barrier; added audio and video cues could not repair the unfamiliar movement model.
The scan establishes the problem, pivotal learning, decision, and current result. The chapters below show the evidence and tradeoffs behind each one.
01PROBLEM
An archive meant to be entered, not only listed
Memory Television is a living archive I am building to hold onto life's memories long after the details fade: personal photography, family audio interviews, 360-degree video, and 3D Gaussian splat captures from Tokyo. Its virtual-world form honors the electronic media and late-night television through which I explored stories growing up.
Living archive concept: Channel 03 ('Portland Worlds') alongside Nostalgia Nihilism, structuring autobiographical memories into broadcast channels.
02PROCESS / PIVOTAL LEARNING
A familiar failure changed the movement model
I initially wanted Memory Television to behave more like a video game, with free walking through its environments. In Collaboration Station, a separate virtual-reality museum project, visitors struggled to understand both how to move and where to go. Added audio and video cues did not repair the unfamiliar control model.
Current guided result in Memory Television: Lowering the CRT companion reveals the surrounding 3D sky and floating relics without requiring WASD walking.
03SOLUTION / PERSONAL ORIGIN
The interface came from the memory
The CRT and blue television guide were how I navigated television, media, and pop culture growing up in the 1990s and early 2000s. I remember waking around 3 a.m. to the Weather Channel, smooth jazz playing while the television remained on as background white noise.
01 / 02
Live prototype video: The raised CRT companion and blue channel guide floating in the 3D archive room with real-time scanline shaders.
02 / 02
Static capture: The CRT companion displaying the blue channel guide, rendered with custom GLSL curvature and scanlines.
Drag the frame. Pass it back.
Asset 1 of 2
04SOLUTION / TRADEOFF
The system moves; the visitor looks
The experience controls movement and sequencing while visitors direct mouse-controlled gaze and choose where attention lands. Free roaming was traded for a lower interaction burden and authored pacing.
01 / 02
Live prototype video: Surfing between broadcast channels, inspecting metadata for Channel 01 (Nostalgia Nihilism) and Channel 03 (Portland Worlds).
02 / 02
Mouse movement shifts camera gaze across the archive room while the visitor remains oriented.
Drag the frame. Pass it back.
Asset 1 of 2
Less steering. More noticing.
An interactive explanation of the movement model. The prototype videos above show the actual experience.
Choose a channel
The CRT guide gives the archive a familiar starting point. A channel is an entrance to an authored world.
You choose the destination.
05SOLUTION / WORKING PROOF
A channel becomes an entrance to a world
Choosing the available channel moves the visitor from the archive-room guide into the observed Nostalgia Nihilism world, which houses an ongoing painting series exploring childhood cultural icons on reclaimed canvas. Raising the CRT provides a return path to the channel guide and larger archive.
01 / 02
Live prototype video: Entering the Nostalgia Nihilism world where the camera glides among floating paintings.
02 / 02
Observed live state inside the Nostalgia Nihilism world, with the option to raise the CRT and return to the archive.
Drag the frame. Pass it back.
Asset 1 of 2
06CURRENT OUTCOME / VERIFIED PROTOTYPE
Tactile relic inspection in the CRT memory transmission
Clicking a floating relic in the archive room shifts the viewport into a focused CRT Memory Transmission inspection mode. The selected artifact, such as ARC-2019-FLW ('Idea Flow - Abstract Blob'), is brought forward into a dedicated CRT frame with procedural shader telemetry, artifact catalog metadata, and live descriptive annotations.
01 / 02
Live prototype video: Lowering the CRT to gaze across the archive room, clicking 'Idea Flow - Abstract Blob', and inspecting its procedural shader in the CRT focus overlay.
02 / 02
Tactile inspection interface: Focusing artifact ARC-2019-FLW with real-time shader telemetry, timestamp metadata, and narrative description.
Drag the frame. Pass it back.
Asset 1 of 2
What the prototype demonstrates
A working world inside a living archive
The live browser prototype demonstrates the CRT companion, mouse-directed gaze, channel interaction, entry into the Nostalgia Nihilism world, and artifact inspection mode. Memory Television remains an active personal archive rather than a finished commercial platform.
HONEST NEXT STEP
Mobile behavior still needs refinement, full 6-DOF relic rotation is still being expanded, and additional memory worlds remain in production. The archive will keep growing as I add personal audio interviews, 360 video, and Tokyo Gaussian splat captures.