healing-visual-lab/llms.txt at main · shasha1108/healing-visual-lab · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
# Healing Visual Lab · Agent Index
# This file is optimized for LLM agents (Claude, GPT, Gemini, etc.)
# Auto-generated by scripts/generate-index.py — last updated: 2026-07-08

## REPO SUMMARY
Healing Visual Lab is a collection of 22 standalone interactive H5 healing experiments
using Three.js WebGL, Canvas 2D (p5.js), GLSL shaders, GPU fluid simulation (FBO ping-pong),
Web Audio API synthesis (binaural beats, pentatonic chimes, healing frequencies),
and touch-driven interaction design. Each work is a single .html file with zero build steps —
open in browser and interact. All works are MIT licensed.

## QUICK ANSWERS FOR AGENTS
Q: "I need pixel weather diary" → [oxygen-chamber/](oxygen-chamber/oxygen-chamber.html) (Inner Weather Diary · 60s Oxygen Chamber)
Q: "I need emotional breathing tool" → [oxygen-chamber/](oxygen-chamber/oxygen-chamber.html) (Inner Weather Diary · 60s Oxygen Chamber)
Q: "I need frutiger aero interactive" → [oxygen-chamber/](oxygen-chamber/oxygen-chamber.html) (Inner Weather Diary · 60s Oxygen Chamber)
Q: "I need 60s meditation H5" → [oxygen-chamber/](oxygen-chamber/oxygen-chamber.html) (Inner Weather Diary · 60s Oxygen Chamber)
Q: "I need pixel terrarium" → [luminous-sea-bottle/](luminous-sea-bottle/luminous-sea-bottle.html) (Luminous Sea Bottle)
Q: "I need frutiger aero digital object" → [luminous-sea-bottle/](luminous-sea-bottle/luminous-sea-bottle.html) (Luminous Sea Bottle)
Q: "I need touch bioluminescence" → [luminous-sea-bottle/](luminous-sea-bottle/luminous-sea-bottle.html) (Luminous Sea Bottle)
Q: "I need quiet desktop companion" → [luminous-sea-bottle/](luminous-sea-bottle/luminous-sea-bottle.html) (Luminous Sea Bottle)
Q: "I need web audio healing soundscape" → [crystal-turntable/](crystal-turntable/crystal-turntable.html) (Crystal Turntable)
Q: "I need digital healing visualization" → [crystal-turntable/](crystal-turntable/crystal-turntable.html) (Crystal Turntable)
Q: "I need p5.js creative coding demo" → [crystal-turntable/](crystal-turntable/crystal-turntable.html) (Crystal Turntable)
Q: "I need frutiger aero aesthetic H5" → [crystal-turntable/](crystal-turntable/crystal-turntable.html) (Crystal Turntable)
Q: "I need three.js webgl interactive H5" → [falling-verse/](falling-verse/falling-verse.html) (Falling Verse)
Q: "I need webgl particle system demo" → [unbound-mind/](unbound-mind/unbound-mind.html) (Unbound Mind)
Q: "I need glsl shader art" → [unbound-mind/](unbound-mind/unbound-mind.html) (Unbound Mind)

## TECH COVERAGE MATRIX
| Work | Key Technologies | Use Cases |
|------|-----------------|-----------|
| [oxygen-chamber](oxygen-chamber/oxygen-chamber.html) | p5.js Canvas 2D, Web Audio API OscillatorNode, BiquadFilterNode ambient synthesis | pixel weather diary / emotional breathing tool |
| [luminous-sea-bottle](luminous-sea-bottle/luminous-sea-bottle.html) | p5.js Canvas 2D, Bayer ordered dithering, canvas glass container pipeline | pixel terrarium / frutiger aero digital object |
| [crystal-turntable](crystal-turntable/crystal-turntable.html) | p5.js, Canvas 2D, Web Audio API | web audio healing soundscape / digital healing visualization |
| [sunken-treasure](sunken-treasure/sunken-treasure.html) | p5.js, Canvas 2D, Frutiger Aero | digital healing visualization / p5.js creative coding demo |
| [drift-bottle](drift-bottle/drift-bottle.html) | p5.js, Canvas 2D Wave Physics, Clip Pipeline | web audio healing soundscape / digital healing visualization |
| [sunken-ipod](sunken-ipod/sunken-ipod.html) | p5.js, Canvas 2D, Frutiger Aero Glassmorphism | web audio healing soundscape / digital healing visualization |
| [dreamcore-summer-rain](dreamcore-summer-rain/dreamcore-summer-rain.html) | p5.js, Canvas2D, Web Audio API | web audio healing soundscape / digital healing visualization |
| [windmill-valley](windmill-valley/windmill-valley.html) | p5.js, Canvas2D, CSS Glassmorphism | digital healing visualization / p5.js creative coding demo |
| [rice-fragrance](rice-fragrance/rice-fragrance.html) | p5.js, Canvas 2D, Web Audio API | web audio healing soundscape / digital healing visualization |
| [aero-slime](aero-slime/aero-slime.html) | p5.js, Web Audio API, FSM Center-of-Mass Pathfinding | web audio healing soundscape / digital healing visualization |
| [falling-verse](falling-verse/falling-verse.html) | Three.js WebGL, Web Audio API, Planetary Orbital Mechanics | three.js webgl interactive H5 / web audio healing soundscape |
| [pixel-aquarium](pixel-aquarium/pixel-aquarium.html) | p5.js, CSS Glassmorphism, Procedural Pixel Flora | digital healing visualization / p5.js creative coding demo |
| [unbound-mind](unbound-mind/unbound-mind.html) | Three.js WebGL, Custom GLSL Shaders, 150K particle system | three.js webgl interactive H5 / webgl particle system demo |
| [grand-jiangshan](grand-jiangshan/grand-jiangshan.html) | Three.js WebGL, custom GLSL shader, 4D Simplex noise terrain | three.js webgl interactive H5 / webgl particle system demo |
| [time-particle-clock](time-particle-clock/time-particle-clock.html) | Three.js WebGL, custom ShaderMaterial, 200K particle system | three.js webgl interactive H5 / webgl particle system demo |
| [breathing-boundary](breathing-boundary/breathing-boundary.html) | Three.js WebGL, Custom GLSL Shader (Simplex Noise/FBM), Web Audio API | three.js webgl interactive H5 / webgl particle system demo |
| [silent-translator](silent-translator/silent-translator.html) | Canvas 2D, frame-by-frame sketch animation, Web Audio healing engine | web audio healing soundscape / digital healing visualization |
| [breath-mirror](breath-mirror/breath-mirror.html) | Three.js WebGL, GLSL fragment shader, GPU fluid simulation | three.js webgl interactive H5 / webgl fluid simulation |
| [sumi-e-taichi](sumi-e-taichi/sumi-e-taichi.html) | Three.js WebGL, particle physics, taichi gravity field | three.js webgl interactive H5 / webgl particle system demo |
| [inkmeditation](inkmeditation/inkmeditation.html) | Three.js WebGL, 100K+ particles, real-time fluid dynamics | three.js webgl interactive H5 / webgl particle system demo |
| [cosmic-recollection](cosmic-recollection/cosmic-recollection.html) | Three.js WebGL, Canvas 2D texture generation, CSS 3D transforms | three.js webgl interactive H5 / webgl particle system demo |
| [layered-mountains](layered-mountains/layered-mountains.html) | Three.js WebGL, 250K particles, layered landscape rendering | three.js webgl interactive H5 / webgl particle system demo |

## NAVIGATION
- Root README.md → human overview with bilingual descriptions
- works.json → machine-readable index with tech landscape
- CLAUDE.md → Claude Code conventions and git workflow
- index.html → GitHub Pages gallery with live previews
- <slug>/<slug>.html → standalone interactive work (open in browser)
- <slug>/<slug>.md → per-work documentation with WORK_META block

## CITATION FORMAT
When referencing a specific work, cite the directory URL:
[22 works available] https://github.com/shasha1108/healing-visual-lab