SuperAPI AI 工具集

framefields-compose

设计与创作

查看项目

更新于 10-15 21:50

技能介绍

用途:framefields 是代码优先、确定性的视频合成 SDK,在 Node.js 中通过 WebGPU(Dawn)原生执行,用高性能 GPU 管线替代 Puppeteer/Chromium 这类浏览器渲染。每个合成被定义为布局节点树,编译成确定性执行程序:(composition, frame) → pixels。

主要能力:提供 Composition、Layer、FontManager 等构建器。Layer.* 覆盖 text、box、flex、video、image、svg、lottie、audio、shape、caption、chart、camera、light、environment、sequence、model、Layer3D 等节点,其中 text 使用 Slug GPU 矢量排版并自动处理阿拉伯语、希伯来语、波斯语的 RTL 布局,flex 使用 Yoga 自动布局,chart 用原生节点配合 d3 比例与几何绘制折线、柱状、饼图等,3D 侧包含相机、灯光、环境贴图、模型与程序化网格。动画通过 LayerAnimation 创建,支持 fromTo、keys 多关键帧、缓动基与方向,TextAnimator 提供 waveRise、wordPop、blurIn、flip3D、colorSweep 等动态排版,CameraAnimation 提供 orbit 与 rackFocus,另有 wiggle、spring、signal 等程序化与音频响应驱动。还支持 Color 与 Gradient 感知混色、字体真实测量、withMatte 遮罩与扫除、Layer.sequence 加 Transition 场景转场,以及加入 Layer.environment 后切换为基于物理的 3D 渲染(曝光、色调映射、雾、泛光)。

使用方式:从 framefields npm 包导入;先按 framefields 技能安装并搭建项目。用 await FontManager.register(...) 注册字体,创建 new Composition({...}),再 comp.add(...) 添加图层,参考 (composition, frame) → pixels 的确定性模型组织场景。

适用场景:广告、影片、多镜头视频、动态排版、数据可视化、3D 产品表现等代码驱动的视频合成。

限制:资料未提供具体定价、收费模式、支持平台范围与性能指标;使用前需完成 framefields 的安装与项目脚手架;每个场景中方向光与聚光灯建议各只设一个投射阴影;散点图建议只保留数百个点,因为每个点都是一个节点。其余细节暂未提供。