情绪示波器(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.html:UI + Canvasstyle.css:外观样式main.js:情绪路径、参数混合、波形合成、Canvas 渲染