SuperAPI AI 工具集

example-pixi

设计与创作

查看项目

更新于 10-15 17:26

技能介绍

用途:该技能提供 Helios 与 PixiJS 的集成模式,适用于使用 PixiJS 创建高性能 WebGL 2D 动画,并由 Helios 时间线驱动场景属性。

主要能力:通过 Helios 的订阅循环更新 Pixi 场景对象属性,如旋转和位置;支持将 Helios 绑定到 document.timeline,以便在导出时通过 Renderer(CdpTimeDriver)控制全局时钟,保证逐帧精确渲染。

使用方式:先初始化 Pixi Application 并挂载 canvas;再初始化 Helios,设置 fps 和 duration;创建 Pixi 场景对象(如 Graphics)并加入 stage;调用 helios.bindToDocumentTimeline() 绑定时间线;最后在 helios.subscribe 回调中依据 state.currentTime 更新对象属性。

关键模式:PixiJS 等 WebGL 库通常有自己的内部 ticker,导出时需将 Helios 绑定到 document.timeline。若严格通过 helios.subscribe() 驱动场景动画逻辑,可选择禁用 Pixi 内部 ticker,但 Pixi 仍需正常渲染;标准做法是让 Pixi 自然渲染,在 Helios 订阅者中更新状态。

限制:资料未提供环境依赖版本、兼容性范围、性能基准或错误处理说明;具体支持情况暂未提供。