Case Study · Product Design · 3D Learning Experience · OpenAI Build Week 2026

Signal Delay

A browser-based Mars mission where real NASA observations become evidence for a decision. Students explore, decide what to trust, and defend a plan in their own words; GPT-5.6 critiques the reasoning while deterministic code keeps control of the facts.

Next.js 16 · React Three Fiber · Rapier · NASA MEDA · GPT-5.6 · OpenAI Responses API

Signal Delay title screen inside the Aster-9 Mars habitat, with the line Earth is fifteen minutes away. The storm is not.
The opening makes the learning constraint immediate: Earth is fifteen minutes away. The storm is not.

Problem
Planetary-science archives contain rich evidence, but their files, units, and mission context do not automatically teach a learner how to use that evidence in a decision.
Built
One complete 3D mission: inspect a Mars habitat, log observations, write a response plan, and receive a structured debrief on evidence, assumptions, risk, and missed information.
My Role
I defined the product, audience, learning goal, truth model, scenario, visual direction, and acceptance bar, then directed a documented human–AI build and review workflow.
8–10Minutes for one complete mission
4Visible truth classes, never blended together
3Bounded plan-and-revision attempts
0Accounts, logins, or learner data stored

Scientific information is not the same as scientific judgment.

NASA publishes extraordinary planetary data. For a high-school or introductory-college learner, though, a specialist archive can be hard to translate into action. A passive article can explain the facts, and a quiz can test recall, but neither necessarily asks the learner to decide what matters under uncertainty.

I wanted to make evidence use spatial and consequential. In Signal Delay, the learner is the systems engineer on duty at Aster-9. A dust storm is reducing solar input, four crew members are outside, and a reply from Earth cannot arrive before the habitat's decision window closes.

The learning question was not “Can you find the right answer?” It was “Can you inspect the right evidence, separate observation from simulation, and justify a defensible plan?”


One compact mission, from alarm to accountable decision.

The experience is deliberately narrow: one habitat, one dust-and-power scenario, and one complete learning loop. That scope made it possible to design the transitions, recovery states, evidence language, and debrief as one coherent product instead of a collection of disconnected features.

  1. 01

    Enter the situation

    A skippable opening and briefing establish the power variance, the crew on EVA, and the communication delay before controls are introduced.

  2. 02

    Explore in first person

    WASD, mouse-look, readable prompts, pause, pointer-lock release, and position recovery support movement through Environmental, Power, and Communications zones.

  3. 03

    Inspect and log evidence

    Each console explains what a value means, what system it affects, and whether it is an observation, reference, rule, or simulated condition.

  4. 04

    Write a plan

    The learner responds in natural language rather than choosing a prewritten answer. The plan must say what to do, why, and which inspected evidence supports it.

  5. 05

    Receive a debrief

    GPT-5.6 returns bounded feedback on interpreted actions, evidence used well, unsupported assumptions, missed evidence, feasibility, risk, and resource consequences.

  6. 06

    Trace the source

    Sources & Methods exposes provenance, transformations, checksums, truth labels, and AI disclosures instead of hiding the scientific machinery behind the scene.


Every number declares what kind of truth it is.

The central design decision was to prevent visual realism from turning into scientific overclaiming. The habitat is fictional. Some values are reviewed NASA observations; others are published context, teaching abstractions, or simulated telemetry. The interface labels that difference at the moment a learner uses the value.

NASA observation

Measured in the selected MEDA record

Reviewed pressure, air-temperature, and wind values keep source ids, original units, transformations, and checksums.

Scientific reference

Published context, not the selected file

Optical-depth and communication references are useful scientific context without being misrepresented as direct rows from the MEDA snapshot.

Derived rule

A documented educational abstraction

The fictional 20% solar-input derate shapes the decision, but the UI explicitly says it is a habitat teaching rule, not a NASA measurement.

Simulated

Fictional Aster-9 system state

Power, oxygen, crew, and habitat telemetry support the scenario while remaining visibly separate from observed Mars data.

Environmental evidence panel showing Sol 313 mean atmospheric pressure of 612.93 pascals with a NASA Observation label and source link
Observation: 612.93 Pa is tied to a reviewed MEDA record and an open source file.
Power evidence panel showing a 20 percent high-dust solar-input teaching rule with a Derived Rule label
Teaching rule: 20% affects the scenario, but the panel refuses to call it a measurement.

A directed human–AI build, with reviewable responsibility.

Signal Delay was built in collaboration with AI; the design decisions, content, and direction are mine. I did not write the project line by line myself. I treated AI collaboration as a production system that needed scopes, evidence, review, and an accountable owner.

Huiying Chung

Product owner and design director

I defined the STEM audience, problem, learning goal, scenario, truth model, product scope, visual direction, judging priorities, and acceptance decisions. I reviewed the playable experience and decided what was ready to ship.

OpenAI Codex

Primary coding agent

Codex implemented the Next.js foundation, deterministic mission contracts, procedural 3D habitat, NASA data pipeline, GPT-5.6 route, tests, documentation, and correction rounds from governed prompts.

Claude Code

Prompt and review collaborator

Claude helped author execution prompts, independently reviewed implementation rounds, translated findings into correction scopes, and assisted with the final cinematic and E2E stabilization.

GPT-5.6

Runtime evaluator and early prompt collaborator

GPT-5.6 helped shape early work-package prompts and, inside the product, interprets a learner's plan against a finite trusted evidence pack. It does not control mission state or invent source facts.

The repository preserves canonical prompts, session records, and decision records so the collaboration can be inspected as a process — not accepted as a vague “made with AI” claim.


What I chose — and what I kept out.

Open response over multiple choice

A fixed answer would test recognition. A written plan exposes what the learner noticed, assumed, and connected, which gives the debrief something meaningful to evaluate.

A reviewed snapshot over a live NASA dependency

The source pipeline is reproducible, but gameplay uses a committed snapshot. A classroom or judge should never lose the mission because an external archive is slow or unavailable.

Procedural cel shading over a downloaded asset pack

The habitat, labels, props, materials, and outlines are code-defined. That kept provenance clear and let the visual hierarchy evolve with the evidence interactions instead of around a fixed environment.

One complete scenario over content breadth

I kept accounts, a database, multiplayer, an open world, and extra scenarios out of scope. The priority was a reliable opening-to-debrief loop with recovery and disclosure at every boundary.

Desktop-first over compromised mobile 3D

The supported path is current desktop Chrome or Edge. Essential evidence is presented in accessible DOM overlays, but full mobile controls were not claimed or rushed into the MVP.

A visible fallback over a fabricated AI success

If the provider fails, the learner's plan is preserved and a deterministic learning fallback is clearly labeled. The product never presents fallback text as a successful GPT-5.6 result.


GPT-5.6 interprets reasoning. Code guards reality.

The AI boundary was designed around one rule: the model may interpret language, but it does not get authority over evidence values, legal actions, truth labels, mission phases, or resource bounds.

  1. 01

    Bound the browser request

    Only the scenario version, inspected evidence ids, plan text, request id, and limited continuity metadata cross the client boundary.

  2. 02

    Rebuild trusted context on the server

    The route validates origin, shape, and size, then reloads the scenario and evidence from repository-controlled files instead of trusting the browser.

  3. 03

    Separate rules, evidence, and untrusted text

    Evaluator instructions, trusted records, and the learner's plan occupy distinct prompt layers. Player text cannot rewrite the evidence pack or output contract.

  4. 04

    Require strict structured output

    The Responses API returns a JSON Schema result. Application validation rejects unknown actions, evidence, outcomes, resources, versions, and non-finite values.

  5. 05

    Let the reducer decide what happens next

    The client revalidates the sanitized result before the guarded deterministic reducer can enter the debrief state.

Origin validation10–2,000 character planShared rate limitsTimeout + retrySchema rejectionClearly labeled fallback
Signal Delay plan entry screen with a learner response about reducing electrical load and entering low-power standby
The learner writes the plan in their own words and cites the evidence they believe supports it.
ASTER assessment explaining that the plan referenced evidence the learner had not inspected and listing missed evidence
A plausible-sounding plan is not automatically rewarded: this debrief calls out evidence the learner claimed without inspecting.

Five days, eleven recorded Codex sessions, one traceable build.

The implementation ran from July 16 to July 20, 2026 as a sequence of small work packages: repository and state contracts first, then the 3D slice, NASA evidence pack, exploration loop, GPT evaluation, cinematic/audio, visual fidelity, corrections, and submission documentation.

Each material scope had a preserved prompt, session record, acceptance checks, and decision gate. The default verification path stayed offline: unit, integration, and browser tests used versioned fixtures rather than paid OpenAI or live NASA calls.


A complete public experience — and a learning claim I have not overextended.

Signal Delay shipped as a free, no-login browser experience with a complete opening-to-debrief loop, traceable scientific sources, recoverable AI failure states, and a public implementation that makes the human–AI workflow reviewable.

The project demonstrates how I connect product framing, content design, interaction, scientific integrity, AI boundaries, and front-end implementation. The strongest lesson was that provenance is not only a data-engineering concern: it changes labels, hierarchy, feedback, and what the interface is ethically allowed to imply.

What this build does not yet prove is learning impact. It has not gone through a formal learner study. The next meaningful step is testing whether students can more accurately distinguish observation, reference, rule, and simulation after the mission — and whether the debrief improves a second decision.

Current boundaries

  • One fictional habitat, one scenario, and one reviewed Mars observation window
  • Desktop Chrome and Edge are the supported path; full mobile 3D support is out of scope
  • Live GPT-5.6 evaluation depends on configured OpenAI and shared rate-limit services; provider failure remains recoverable
  • This is an educational simulation, not astronaut training, a NASA digital twin, or NASA-approved guidance

Fifteen minutes from Earth. The decision is yours.

Play the mission in a current desktop Chrome or Edge browser, or inspect the source, evidence methodology, and collaboration record.