Asset pipeline
Geometry, texture and animation budgets decided before modelling starts.
WEB-06 / EXPERIENCEKNOuX WEB
Interactive & Spatial
A build where the medium carries the argument
Spatial or interactive work where a static page would not communicate the thing. Treated as a performance problem first: an accessible DOM carries the meaning, and the interactive layer enhances it.
FIG. INTERACTIVE / EXPERIENCEProgressive spatial layers
01Asset pipeline02Interaction03Graceful degradation04Accessibility
01 / ARCHITECTURE
The disciplines
Interaction
Pointer, touch and keyboard input treated as equally required.
Graceful degradation
A readable, navigable page when the interactive layer cannot run.
Accessibility
Semantic DOM and text alternatives for everything the canvas presents.
02 / HANDOVER
What the build contains
- Interactive scene with defined asset budgets
- Accessible DOM equivalent carrying the same content
- Progressive enhancement from static to interactive
- Documented performance envelope on target devices
03 / PLATFORM
Starting points
01React Three Fiber or direct WebGL where a real-time scene is required
02CSS and SVG where the requirement is motion, not depth
04 / SCOPE
Questions that change the architecture
- What must the interaction communicate that a photograph cannot?
- Which devices must it run on, including older phones?
- Is there a non-interactive fallback the content depends on?
05 / CONNECTIONS
Connected capabilities
Related across KNOuX
WEB-06 / NEXT STEP
Define the brief.
A build where the medium carries the argument