该技能面向需要在 Helios 中集成 PixiJS、制作高性能 WebGL 2D 动画的开发者，提供了一套驱动 Pixi 场景属性的集成模式。
用途：将 Helios 的时间线控制与 PixiJS 的渲染能力结合，使 Pixi 场景属性由 Helios 的订阅循环驱动，从而获得可被统一时钟控制、便于逐帧导出渲染的动画。
主要能力：资料给出了完整的快速开始流程，包括初始化 Pixi Application（可 resizeTo 窗口并挂载 canvas）、初始化 Helios（设置 fps 与 duration）、使用 Graphics 创建矩形场景并设置 pivot 与 position，以及通过 helios.bindToDocumentTimeline() 绑定文档时间线。回调中依据 state.currentTime 更新 rect.rotation、rect.x 等属性，示例用正弦函数实现水平摆动。资料还说明 PixiJS 等 WebGL 库通常自带内部 ticker，为确保通过 Renderer 导出时帧级精确，必须绑定 document.timeline，使 CdpTimeDriver 能控制全局时钟。
使用方式：按示例顺序编写代码——创建 Pixi 应用与画布、实例化 Helios、构建场景对象并加入舞台、调用绑定方法、在 subscribe 回调内根据当前时间更新属性。资料建议在完全由 helios.subscribe() 驱动动画逻辑时禁用 Pixi 内部 ticker（可选但推荐），同时 Pixi 仍需正常渲染；标准模式是让 Pixi 自然渲染、在 Helios 订阅者中更新状态。
适用场景：适合需要用 Helios 时间线精确控制 PixiJS 动画、并可能通过 Renderer 导出逐帧画面的 WebGL 2D 动画项目。
限制：资料未提供更复杂场景、性能数据、兼容版本、安装命令或完整 API 参考；示例源码位于 examples/pixi-canvas-animation/。部分说明（如禁用内部 ticker 的具体做法）未展开，暂未提供。