dsh-whale-dots

dsh-whale-dots

🐋 DeepSeek Harness (dsh) 背景插件：由方块点阵构成的 DeepSeek 鲸鱼 logo 背景，鼠标靠近时方块在范围内旋转散开再弹回，叠加全屏网格点阵。复刻 deepseek.com 官网 HeroDigitile 的交互逻辑。

效果

• 鲸鱼点阵：方块按鲸鱼 logo 形状排列，方块大小随机（0.5~1.5 倍），带光照明暗
• 鼠标交互：鼠标放上去，范围内的方块沿"带噪声旋转角"的方向散开（复刻官网 distort 排斥），移开后弹回
• 背景网格：全屏 90px 网格点阵 + 横竖线，鼠标靠近排斥散开（官网原版参数）
• 组装动画：页面加载时方块从散落位置飞回鲸鱼形状（2.5s ease-out）
• 主题自适应：颜色读取 --dsw-alias-brand-primary，深浅主题自动适配
• 性能：30fps 节流、静止自停、IntersectionObserver 暂停、触屏只画静态帧

安装

通过 dsh 官方插件 CLI（推荐）：

dsh plugin --profile web add dsh-whale-dots@latest

或手动安装后刷新 Harness Web GUI，插件自动挂载到 shell.overlay 背景层。

卸载

dsh plugin --profile web remove dsh-whale-dots

原理

• cordis.patch.yml：dsh.bundle.patch 层，insert 插件行，安装即自动激活
• index.js：Host 占位入口
• client.js：浏览器端 bundle（window.__ModuleLoader__.load），全逻辑在 canvas 2D

License

MIT