触发方式

目录卡片悬停、聚焦或手机预览时播放;详情自动运行,播放按钮可暂停并接续。

起点与终点

画面铺满宿主,字符采样密度 2×,字符尺寸 0.9×;鲨鱼 4 条,大小 1×,鱼群密度 1×。

时序

单次播放时长 12000 ms,触发延迟 0 ms;游动速度 1.7×;持续循环。速度为 0 和暂停均保持当前画面;观察倍速只影响运行时。

进入与退出

离开且失焦、滚出可视区或切换后台时停止演示;再次进入可重新播放。背景不反向倒放。

字符密度

稀疏 0.6×、均衡 1×、细密 1.6×、高密度 2×,并可在 0.5–2× 连续调节;密度控制采样网格,字符尺寸控制网格中的字形大小。当前背景网格强度 0.04,尾迹强度 0。

重复操作与打断

外观设置来自同一份配置;鱼群位置、累计时钟和目录运行状态不写入 JSON。播放接续暂停位置,重新演示从初态开始。

减少动态效果

遵循系统设置,只呈现静态画面,不自动循环。

配色与自主游动

背景 #eeeeee;字符 #303030;字符不透明度 0.9;鱼群自主游动,不受鼠标扰动。

默认配置

这些数值来自当前维护的默认配置;编辑器草稿和调整后的导出可以不同。

{
  "schemaVersion": 2,
  "recipeId": "ascii-sharks",
  "durationMs": 12000,
  "delayMs": 0,
  "easing": [
    0,
    0,
    1,
    1
  ],
  "offsetX": 0,
  "offsetY": 0,
  "scale": 1,
  "loop": true,
  "interruption": "retarget",
  "tracks": [],
  "asciiSharks": {
    "density": 2,
    "fontScale": 0.9,
    "speed": 1.7,
    "sharkCount": 4,
    "sharkScale": 1,
    "fishDensity": 1,
    "backgroundColor": "#eeeeee",
    "inkColor": "#303030",
    "opacity": 0.9,
    "gridOpacity": 0.04,
    "wakeOpacity": 0,
    "interactive": false
  }
}

源码与复用

GitHub 对应示例提供公开渲染源码、默认配置和运行入口。复用前请阅读交互说明,并保留随源码附带的第三方与字体许可;完整网页编辑器由独立工程维护。

用于自己的项目

进入编辑器运行真实预览并比较调整;本说明页不另造一份近似演示。把导出用于自己的项目后,重新检查内容、输入、焦点与布局。

目录来源标注:TuneShape · ASCII Shoal 独立实现. 第三方示例保留自己的许可与署名;公开仓库包含全部当前动效的渲染源码;完整编辑器由独立工程维护。