A Neural Sanctuary where Biometric Data blooms into Digital Life.
Photosyn is a high-fidelity digital mirror that bridges the gap between human emotion and procedural botany. Using advanced AI computer vision, it transforms your reflection into a living ecosystem — every gesture you make and every emotion you feel directly impacts the growth, color, and vitality of a digital garden.
| Gesture | Biological Meaning | Effect |
|---|---|---|
| BLOOM_PINCH | Sowing | Plant a majestic single-stem flower. |
| ROOT_FIST | Capture | Grab and move Neural Synapse nodes or attract Ethereals. |
| HEART | Healing | Unleash a white light blast to rejuvenate the flora. |
| STASIS_X | Suspension | Cross your arms to freeze time in a deep cyan mist. |
| SUN_RAY | Ascension | Cup your hands to create a vertical light pillar. |
The Neural Cortex tracks your micro-expressions to tilt the world's physics:
| Emotion | Color | Effect |
|---|---|---|
| HAPPY | 🟡 Gold | Accelerated growth, fast-flying spirits, and warm atmosphere. |
| SAD | 🔵 Deep Blue | Languid movement, falling spirits, and dense melancholic mist. |
| ANGRY | 🔴 Crimson | High-frequency vibrations, erratic wind, and glitchy aura. |
| SURPRISED | 🟣 Violet | Expanded energy halos and intensified pollen. |
| Layer | Technology | Role |
|---|---|---|
| Core | SolidJS | Fine-grained reactivity at 60 FPS |
| Intelligence | MediaPipe | Hand & Face Landmarker via WASM |
| State | Zustand | Vanilla JS store for high-performance state |
| Visuals | Canvas API | Procedural fractals, volumetric fog, angel particles |
| Style | Tailwind CSS | Glassmorphism & Cyber-minimalism |
Photosyn operates on a Local-First philosophy. Your biometric data never leaves your browser — all inference is computed on-device using highly optimized WASM binaries.
graph TD
A[Camera Stream] --> B[Neural Cortex]
B -->|Hand Landmarks| C[Gesture Engine]
B -->|Face Blendshapes| D[Emotion Engine]
C & D --> E[Ecosystem Physics]
E --> F[Canvas Renderer]
F --> G[Majestic Flora & Ethereals]
1. Clone the seeds:
git clone https://github.com/hiericho/photosyn.git
cd photosyn2. Nurture dependencies:
npm install3. Awaken the sanctuary:
npm run devOpen http://localhost:3000 and allow camera access. 🌱
- Node.js 18+
- A modern browser with WebAssembly support (Chrome, Firefox, Edge, Safari)
- A webcam
| Version | Notes |
|---|---|
v9.0 |
Optimized Crystalline Synapse Nodes and Majestic single-bloom stems. |
v5.0 |
Added Emotional Linkage. |
v1.0 |
Initial seeding. |
Distributed under the MIT License. See LICENSE for more information.
Developed with ✨ and 🌱 by hiericho
"In the intersection of code and chlorophyll, we find our reflection."