3D画面进视频,这款Skill对准帧

在 HyperFrames 中创建 Three.js 3D 场景。

HyperFrames 的 three Skill 指导 AI 在视频合成中使用 Three.js 和 WebGL 场景。它适合把产品旋转、镜头移动或已有模型动画接入视频,并按指定时刻渲染画面。

一个持续自行播放的 3D 场景,不一定能直接导成视频。渲染器可能先请求第几秒的一帧,再请求别的时刻;物体姿态和相机位置必须能由这个时间计算出来,不能只靠上一次帧的变化累加。

这份 Skill 让场景响应 HyperFrames 的时间通知,同时提前准备模型和纹理。它还特别要求指定合成总时长,因为这个适配器不会自动从场景里推断视频该拍多久。

你提供项目、模型资源和镜头要求,AI 负责搭建或调整场景接入。检查时需要看时间跳转、输出尺寸和实际帧;素材或后处理如果依赖之前的运行状态,也要单独处理。

分类:设计创作

来源仓库:heygen-com/hyperframes

适合用来做什么

  • 使用 Three.js 创建一个带有动画相机的 3D 场景。
  • 如何在 WebGL 画布上实现自定义着色器效果?

安装 three

npx skills add https://www.iskills.cc/skills/heygen-com/hyperframes/three/SKILL.md

在本机终端执行安装命令。安装前请阅读原始说明,确认所需工具、账号和权限。

查看安装步骤 · 查看常见问题

查看 three 的用途与原始说明

浏览全部 Skill 指南