触发方式
目录卡片悬停、聚焦或手机预览时播放;详情自动运行,播放按钮可暂停并接续。
起点与终点
画面铺满宿主,字符采样密度 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 独立实现. 第三方示例保留自己的许可与署名;公开仓库包含全部当前动效的渲染源码;完整编辑器由独立工程维护。