用途：当 2D 位图画布适合承载程序化运动时使用本技能，涵盖手工粒子、矢量/噪声场、拖尾、天气、程序化纹理、生成式几何与轻量模拟。不覆盖 Three.js 场景图、WebGL/WebGPU 着色器、D3 数据语义、游戏引擎架构或通用前端 Canvas 教程。
主要能力：先锁定画布契约（后备宽高、显示尺寸、宽高比变体、fps、帧范围、alpha 需求、坐标系、种子与状态更新顺序、色彩空间、合成模式、CORS 策略、目标运行时、性能预算与素材版权）。采用绝对帧接口 renderFrame(frameIndex, variant, accessibilityMode)，组合时间 t = frameIndex / fps，不把 requestAnimationFrame、Date.now()、performance.now()、millis()、deltaTime 或可变 frameCount 当作最终渲染依据。确定性策略分无状态、固定步长重放与检查点三种；随机需显式播种并记录生成器实现。
使用方式：p5.js 离线确定性模式可 pixelDensity(1)、createCanvas(outputWidth, outputHeight, P2D)、noLoop()、initialize(seed)，再按帧重置、推进、绘制。透明交付需启用 context alpha、避免背景填充、选用保留 alpha 的格式并检查边缘与预乘。跨域素材需有效 CORS，否则画布被污染导致读取抛 SecurityError。
适用场景：粒子、场、天气、拖尾、程序化纹理与轻量模拟的渲染媒体制作。
限制：JPEG 不保留 alpha；WebCodecs 的 alpha 行为依赖配置与编解码器，需实测。OffscreenCanvas 可转移至 worker，但不保证总渲染时间更低。WCAG 2.2 限制每秒闪烁超过三次，自动运动需提供暂停/停止/隐藏，减少运动应改变运动语言而非仅降帧率。事实核验于 2026-07-12，版本与浏览器行为可能变化，需固定版本并记录渲染环境。