用途:这是创建 Helios 合成(composition)的工作流,适用于新建动画项目,或把已有动画迁移到 Helios 运行。Helios 合成是一个使用 @helios-project/core 库驱动动画的网页(HTML/JS),可在浏览器查看、嵌入 Player,或由 Renderer 渲染为视频。
主要能力与使用方式:入口为 composition.html,加载脚本(如 ./src/main.ts)。脚本中从 @helios-project/core 导入 Helios,配置 width、height、fps、duration,可选但推荐定义输入 schema 与 inputProps,获取 canvas 并创建引擎实例。关键步骤包括:调用 helios.bindToDocumentTimeline() 绑定文档时间线(Renderer/Player 必需)、将实例暴露为 window.helios(检测必需)、用 helios.subscribe 订阅状态变化触发绘制、并进行初始绘制。若使用 CSS 动画或 WAAPI,可在构造时设 autoSyncAnimations: true,Helios 会接管文档时间线并将动画同步到当前帧。React、Vue、Svelte 可将逻辑封装为组件或 hook,示例见 examples/react/SKILL.md、examples/vue/SKILL.md、examples/svelte/SKILL.md。
限制:资料未提供安装命令、收费方式与具体运行环境等细节。