KinoViz Team
KinoViz 独特的双画布架构让你可以在同一个画布上组合 2D 矢量动画 和 3D 模型动画。以下是 3D 功能的入门指南。
支持的格式
KinoViz 支持：
- GLB — 二进制 glTF，推荐格式（文件更小）
- GLTF — 基于 JSON 的 3D 格式
- Draco 压缩 — 压缩网格以加快加载
主流 3D 工具都支持导出 GLB：Blender、Maya、Cinema 4D、Sketchfab 等。
导入 3D 模型
- 打开你的 KinoViz 项目
- 点击工具栏 添加 → 3D 模型
- 将
.glb文件拖入上传区域 - 模型以默认摄像机视角出现在画布上
摄像机动画
KinoViz 中的 3D 元素通过摄像机控制来制作动画：
- 轨道旋转 — 围绕模型水平和垂直旋转摄像机
- 缩放 — 将摄像机拉近或推远
- 平移 — 左右/上下移动摄像机位置
动画制作方法：
- 选中 3D 元素
- 将播放头移到第 0 帧
- 设置起始摄像机角度
- 将播放头前移（例如 2 秒）
- 改变摄像机角度 — 自动创建关键帧
2D + 3D 混合
KinoViz 的真正强大之处在于将 2D 和 3D 混合在同一画布上：
- 在旋转的 3D 产品上方添加淡入的文字标题
- 使用形状元素作为背景或叠加层
- 动画化一个指向 3D 模型特定部位的气泡标注
- 在 3D 模型周围添加粒子效果
性能建议
- 模型文件大小控制在 10MB 以内以获得流畅预览
- 使用 Draco 压缩的 GLB 加载最快
- 如果模型超过 10 万面，建议减面
- 编辑时使用较低预览质量，导出时使用完整质量
示例：产品展示
一个典型的产品展示动画工作流程：
- 导入产品 3D 模型（GLB）
- 设置初始摄像机角度：正面略高
- 0s → 3s：摄像机轨道旋转 180°
- 3s → 4s：镜头推近特写
- 添加文字：产品名称在 1s 淡入，标语在 2.5s 淡入
- 开启自动音乐："Minimal" 风格
- 导出为 WebM 1080p
成果：不到 10 分钟就完成一个专业的产品展示视频。
