How medhag-svg/be-the-catalyst works
Between Bodies — Living Portal is a Kinect-driven interactive projection, with a mouse-operated browser demo. Visitors collect floating atoms, combine collections into recipes, and see and hear reactions; the installation relays Kinect tracking to the visual experience locally. The README documents the distinct experience stages and browser learning features. The sampled bridge, relay, and host code supports the main transport and display links; unsampled app sections are represented only where README capabilities provide evidence.
Main entry points: app.js Reaction Effects · index.html Web Experience · KinectBridge.cs Body Bridge · server.js Local Relay
Components 20
Tracking and Relay
- Body Bridge
bridge/KinectBridge.cs - Local Relay
server.js
Interactive Experience
- Body Tracking
experience/app.js - Atom Field
experience/app.js - Atom Collection
experience/app.js - Recipe Matching
experience/app.js - Reaction Effects
experience/app.js - Atom Release
experience/app.js - Visitor Reset
experience/app.js - Projection Renderer
experience/app.js - Portal Calibration
experience/app.js
Learning and Sound
- Discovery Cards
experience/app.js - Reaction Lessons
experience/learning.js - Generative Sound
experience/app.js
Projection Display
- Web Experience
experience/index.html - Projector Host
host/MainWindow.xaml.cs
Other components
- Visitor
- Operator
- Kinect v2
- Projector Display
Connections 24
- Kinect v2 → Body Bridge: supplies frames
- Body Bridge → Local Relay: posts tracking
- Local Relay → Web Experience: streams events
- Web Experience → Body Tracking: loads experience
- Visitor → Body Tracking: provides gestures
- Body Tracking → Atom Field: updates bodies
- Atom Field → Atom Collection: offers atoms
- Atom Collection → Recipe Matching: holds atoms
- Recipe Matching → Reaction Effects: matches recipe
- Reaction Effects → Atom Release: returns atoms
- Atom Release → Atom Field: restores atoms
- Body Tracking → Visitor Reset: detects departures
- Visitor Reset → Atom Field: restarts field
- Body Tracking → Projection Renderer: supplies motion
- Atom Field → Projection Renderer: draws atoms
- Reaction Effects → Projection Renderer: draws effects
- Operator → Portal Calibration: aligns field
- Portal Calibration → Projection Renderer: adjusts projection
- Reaction Effects → Discovery Cards: opens lesson
- Discovery Cards → Reaction Lessons: reads content
- Reaction Effects → Generative Sound: triggers tones
- Web Experience → Projector Host: loaded by
- Projector Host → Projector Display: displays full-screen
- Visitor → Web Experience: uses mouse demo