软件开发 ──→ 自动化测试 ──→ 数据产品经理
│
│ 每一次转身,都让我更懂得系统和算法。
│ 但现在,我想更懂一个人。
│
└── 情绪内容创作
这些年,我看过无数的代码和数据。最复杂的系统,都可以被建模、被呈现、被优化。
但人的内心不行。
那些堵在胸口、卡在喉咙、说又说不清的感受——没有接口、没有日志、没有任何调试工具能告诉你它卡在哪一行。
所以现在的我,用了更多的时间去做这件事:
创作情绪插图、文案、和交互式数字体验。 把那些无形的、无名的、无处安放的情绪, 翻译成可以被看见、被触碰、被释放的形状。
它们被无数人保存、引用、当作自己的情绪替身。
让每一个说不清的情绪,都有一个具体的表达。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
🖱️ 左右滑动浏览更多
Scroll to explore →
不是艺术。是工具。不是作品展示。是情绪急救箱。
一个持续生长的数字交互疗愈作品集——每个都是独立的 H5 作品,每件只需浏览器打开即可体验。无需登录和付费——你只需要看、听、触碰、和算法一起呼吸。
| 作品 | 一句话 | 技术核心 |
|---|---|---|
| 🦋 释·茧 / Unbound Mind | 你不需要挣脱——轻轻抚摸,茧会自己松开。 | WebGL · GLSL · Web Audio · Spring Physics |
| ⏳ 时间流转 / Particle Clock | 时间不是推着你的秒针,是你掌心可以放慢的河。 | ShaderMaterial · Web Audio Ticks |
| 🏔️ 万里江山图 / Grand Jiangshan | 站远一点看——所有的焦虑,其实都很小。 | GLSL Terrain · OrbitControls |
| 🫧 深蓝呼吸 / Deep Blue Breath | 在最深的蓝里,总有一点金色会升起来。 | 25K Particles · Fmaj7 Chords |
| 🧠 过载脑区 / Overthinking Engine | 你不是想太多。你只是忘了给自己按暂停。 | GSAP · Typewriter · CSS Animation |
| 🫁 呼吸边界 / Breathing Boundary | 有些边界不是为了隔开——是为了让理解,有节奏地发生。 | Custom GLSL · Binural Beats |
→ 查看全部作品
Three.js WebGL ── ◆◆◆◆◆◆◆◆── 10K–500K 粒子系统
Custom GLSL ──── ◆◆◆◆◆◇◇◇── Simplex Noise · FBM · Smoothstep
Web Audio API ── ◆◆◆◆◇◇◇◇── 432Hz 颂钵 · Brown 噪声 · Binural Beats
Touch Design ─── ◆◆◆◆◆◇◇◇── 拖拽物理 · 长按检测 · 呼吸同步
CSS 3D / GSAP ── ◆◆◆◇◇◇◇◇── 视差滚动 · CRT 效果 · 打字机叙事
If one of these pieces made you feel seen — that's the only reason this exists.
如果其中某件作品让你感到被看见——那就是这些代码存在的全部意义。
Healing Visual Lab · Healing Space · Emotional Content Studio · h5-publish
Sha.w.z · 云野自由 · Healing Visual Lab · 2026
English
Source code under MIT License | 网站源代码采用 MIT 协议





















