canvas-generative
Canvas Generative 是一套面向 Canvas 2D 的算法与生成艺术技能文档，专注于粒子、流场、噪声、分形与 L-System 等程序化视觉效果的实现。资料以“简明规则 + 参考实现”的形式组织，核心内容覆盖四大方面：一是 Canvas 2D 基础设置，包括 DPR 感知的画布尺寸设置、ResizeObserver 重绘处理以及基于 requestAnimationFrame 的动画循环写法；二是噪声算法，对比了 Perlin、Simplex 和 Worley（细胞）噪声的特性与适用场景，并给出关注坐标缩放、八度叠加（fBm）和随机种子的使用规则；三是粒子系统，强调对象池预分配以避免运行时的垃圾回收压力，并给出生成、更新与回收的代码示例；四是流场，讲解网格角度向量驱动粒子的经典生成方法，包括构建网格、查表取角、施加转向力与阻尼。此外还涉及 L-System 的字符串重写与海龟绘图、离屏画布双缓冲模式带来的拖尾与无闪烁效果，以及一组明确的“不要做”清单：拖尾效果不要每帧 clearRect、动画循环中不要调用 getImageData、必须尊重 DPR、热循环中不要分配新对象。