Healing Visual Lab

Interactive healing H5 experiments — particle systems, fluid simulation, Web Audio synthesis, and custom GLSL shaders for emotional design. Zero frameworks, zero dependencies. Open a page, touch, breathe.

Three.jsWebGLCanvas 2DGLSLWeb AudioCreative CodingDigital Healing

Inner Weather Diary · 60s Oxygen Chamber · 内心气象日记 · 60s 氧气舱

60秒情绪氧气舱——选一种天气，让内心在玻璃小屋里安静呼吸

p5.js Canvas 2D · Web Audio API OscillatorNode · BiquadFilterNode ambient synthesis · Bayer ordered dithering

Luminous Sea Bottle · 玻璃瓶里的夜光海

一个封存在像素玻璃瓶里的发光海洋——触碰唤醒生物荧光，然后慢慢暗回宁静

p5.js Canvas 2D · Bayer ordered dithering · canvas glass container pipeline · touch-to-glow bioluminescence

Crystal Turntable · 雪夜晶莹唱片机

屋外雪花纷飞，这里的旋律永远为你温暖。

p5.js · Canvas 2D · Web Audio API · Lo-fi Processing (LPF + Tape Wow + Reverb)

Sunken Treasure · Sunken Treasure

像素鱼游进掌机传送门，逃逸到 3D 水晶水体中，蜕变为优雅的矢量鱼

p5.js · Canvas 2D · Frutiger Aero · Procedural Ecosystem

Drift Bottle · 平行世界 · 漂流瓶生态系统

轻触漂流瓶，唤醒瓶中平行世界

p5.js · Canvas 2D Wave Physics · Clip Pipeline · BlendMode Screen

Sunken iPod · 沉水 MP3

深海之底，一首七里香。触碰水面，音符如气泡升起。

p5.js · Canvas 2D · Frutiger Aero Glassmorphism · BlendMode Screen/Overlay

Dreamcore Summer Night · 七里香

极致冷暖光碰撞 — 深黑蓝天 vs 售货机刺眼白光 vs 铁路脉冲红灯

p5.js · Canvas2D · Web Audio API

Windmill Valley · 山谷里的风

风车在听，风铃在回答。一个你可以走进去的Frutiger Aero山谷

p5.js · Canvas2D · CSS Glassmorphism · Web Audio API

Rice Fragrance · 稻香

稻香里的童年记忆

p5.js · Canvas 2D · Web Audio API

Aero Slime · 电子情绪宠物

点击色块投喂情绪，双击玻璃释放惊吓——一只住在亚克力盒子里的电子史莱姆，用颜文字回应你的每一种心情

p5.js · Web Audio API · FSM Center-of-Mass Pathfinding · Line-Art Expressions

Falling Verse · 宇宙时钟

时间的字符拓扑。数字从行星环上剥落，金→珊瑚粉→星空蓝，沉入幽蓝水面。

Three.js WebGL · Web Audio API · Planetary Orbital Mechanics · Particle Typography

Pixel Aquarium · 像素水族箱

晶莹剔透的 Frutiger Aero 水族箱，像素小鱼在毛玻璃内游动。单击投食，双击敲玻璃。

p5.js · CSS Glassmorphism · Procedural Pixel Flora · AI FSM

Unbound Mind · 释·茧

这团乱麻，是你此刻的思绪吗？试着长按屏幕，慢慢抚平它们...

Three.js WebGL · Custom GLSL Shaders · 150K particle system · Web Audio API

Grand Jiangshan · 万里江山图 - 宏大视界

我见青山多妩媚，料青山见我应如是

Three.js WebGL · custom GLSL shader · 4D Simplex noise terrain · 470K particle system

Time Particle Clock · 时间流转 - 粒子时钟

时间是流动的粒子——拖拽加速，松开即止，每一秒都有声音

Three.js WebGL · custom ShaderMaterial · 200K particle system · analog clock algorithm

Breathing Boundary · 呼吸边界

看似隔绝，实则翻译——这是一层活着的、会呼吸的边界

Three.js WebGL · Custom GLSL Shader (Simplex Noise/FBM) · Web Audio API · Canvas 2D

Silent Translator · 无声的翻译官

身体替你说了说不出的话

Canvas 2D · frame-by-frame sketch animation · Web Audio healing engine · CSS 3D transforms

Breath Mirror · 息流 · 幻镜

这里没有深渊，也没有波澜

Three.js WebGL · GLSL fragment shader · GPU fluid simulation · Web Audio API

Sumi-e Taichi · 水墨太极

一滴墨落入宣纸——既是破坏，也是开始

Three.js WebGL · particle physics · taichi gravity field · ink ripple simulation

Inkmeditation · 墨池心境

算法物理学 × 视觉设计 × 心理疗愈

Three.js WebGL · 100K+ particles · real-time fluid dynamics · breath-cycle sync

Cosmic Recollection · 宇宙回响 V78

万物皆有裂痕——那是光照进来的地方

Three.js WebGL · Canvas 2D texture generation · CSS 3D transforms · GSAP animation

Layered Mountains · 青绿·层峦

触之即散，聚散随缘

Three.js WebGL · 250K particles · layered landscape rendering · raycaster interaction