Files
2026-02-09 14:02:41 +08:00
..
2026-02-09 14:02:41 +08:00
2026-02-09 14:02:41 +08:00
2026-02-09 14:02:41 +08:00
2026-02-09 14:02:41 +08:00
2026-02-09 14:02:41 +08:00
2026-02-09 14:02:41 +08:00
2026-02-09 14:02:41 +08:00
2026-02-09 14:02:41 +08:00
2026-02-09 14:02:41 +08:00

情绪示波器(Web 原型)

这个目录是一个独立的 Web 原型:用一个滑条驱动 2D 情绪空间(Valence×Arousal),再把情绪映射成“示波器波形”的参数,最终在 Canvas 上渲染出类似示波器的线条,并在放松/开心/紧张/压力之间平滑过渡。

运行方式

直接双击 index.html 即可在浏览器打开JS 已内联,无 CORS 限制)。

或者用本地静态服务器:

cd prototype/emotion_scope
python -m http.server 5173

然后在浏览器打开 http://localhost:5173/

操作

  • 拖动上方 进度 滑条:观察波形在放松→开心→紧张→压力之间平滑变形。
  • 勾选/取消:
    • 2D RBF 参数混合:用 (valence, arousal) 对四个锚点参数做 2D 平滑权重混合(更“2D 正统”)。
    • 余辉:模拟示波器荧光粉拖影。
    • 扫描线:增加一点 CRT/示波器质感。

文件说明

  • index.htmlUI + Canvas
  • style.css:外观样式
  • main.js:情绪路径、参数混合、波形合成、Canvas 渲染