把工作现场画成一张能读的图。 工作区是旋臂上带光晕的恒星,对话是绕着它们的星点,fork / 子智能体之间拉一根细丝——点一颗星就俯冲跃迁进那条对话,落进一层空心点球壳,「回到星系」再把你送出来。
能做什么
- 把工作现场画成一张能读的图 — 恒星是工作区(对话越多越大),星点是对话(运行中的会呼吸),细丝是归属与派生,当前会话戴一圈白环,已归档的只在「归档」打开时出现。
- 八种布局 — 银河、星环、浑天、太阳系、双螺旋、矩阵、方阵、星树;换预设换的是整套几何(位置、尘埃、骨架线都跟着走),太阳系是真的在公转。
- 八套主题 × 八套预设 — 深空、哈勃、霓虹、落日、赛博、矩阵、极光、太阳系;悬停即时预览,点击 560 ms 溶解过渡,还能存最多 8 张自己的预设。
- 可玩的力学 — 斥力、链接距离、链接强度、向心力、扁平度、核心引力、旋涡七个滑杆,叠在解析布局上的力导向层,默认参数收敛回预设轮廓,收敛后休眠。
- 只画真实关系 — 连线只有工作区→对话的归属与父→子的派生,没有虚构边。
- 记忆库 — 同一个面板后的第二个视图:指令文件、可加载的技能、每个技能被调用过多少次;点一行读进右侧编辑器,⌘S 写回磁盘,外部改动会以冲突返回。
- 四档质量 — 自动档按帧耗时在高低之间切换;移动档关掉辉光与云雾,最多画 1500 颗星。
怎么做的
手写 WebGL2 点通道画星(失败回落 Canvas 2D),星体按实际设备尺寸 4×4 超采样烘焙后缓存,每帧不分配对象;只用 loader 提供的 react 与宿主已有的 ctx.* 服务,没有第三方运行时依赖。八种布局、球壳与相机共用一台摄像机,所以钻进星体是穿过它,而不是拖着一张背景板一起走。
链接
- 源码与安装:github.com/dialling/dsh-galaxy-view
- 插件市场安装:见仓库
#install
Built With
- 3d
- canvas-2d
- css
- dsh-plugin
- force-directed-graph
- javascript
- webgl2