SuperAPI AI 工具集

worker-visualizer

数据与分析

查看项目

更新于 10-16 01:37

技能介绍

用途:生成单个自包含的 index.html,将每帧的重计算移入 Web Worker,并把结果绘制到 canvas,使主线程保持约 60fps。

主要能力:支持粒子/N 体场、分形(Mandelbrot/Julia)、元胞自动机/反应扩散、数据或音频可视化等计算密集型任务;可用 SharedArrayBuffer 实现零拷贝共享内存,也可用可转移的 postMessage 回退;可选 OffscreenCanvas 在 worker 内渲染。

使用方式:先阅读 example.html(含 12k 粒子 SharedArrayBuffer 示例),理解 worker 每帧积分位置、主线程只读取并绘制的分工。构建单文件、零外部请求的 index.html,用 Blob + URL.createObjectURL 或 data: URL 内联 worker 源码。优先在主线程分配 SharedArrayBuffer 并传给 worker,绘制时读取同一 Float32Array/Uint8ClampedArray 视图,并以 typeof SharedArrayBuffer !== 'undefined' && crossOriginIsolated 作为守卫;未隔离时每帧 postMessage 一个可转移 ArrayBuffer 作为回退。可加 HUD 显示标题与粒子数、传输模式、fps 等实时指标。

适用场景:需要高帧率、计算量大的浏览器端实时可视化。

限制:SharedArrayBuffer 路径依赖跨源隔离环境(crossOriginIsolated === true);必须始终提供 postMessage 回退,否则隔离关闭时无法动画;需避免速度/位置无界增长,保证长时间运行稳定;传输模式指标须如实反映当前路径。具体收费、价格与平台支持暂未提供。