# 3D 时间轴动画正式推出 - Spline blog (https://spline.design/zh/blog/introducing-3d-timeline-animation)

> 借助 Spline 的时间轴动画，你可以用流畅的关键帧动态让 3D 设计活起来。

[博客](https://spline.design/zh/blog)

2025年9月18日

# 3D 时间轴动画正式推出

借助 Spline 的时间轴动画，你可以用流畅的关键帧动态让 3D 设计活起来。

[打开 Spline](https://app.spline.design)

我们很高兴分享最新的更新，它延续了我们在 Spline 中拓展动效设计的努力：推出**时间轴动画**。

这项新功能让你可以在 Spline 编辑器中，为视频导出和交互式体验创建流畅的、基于关键帧的动态。

## 状态与基于关键帧的动画

最初在 Spline 中，动画是通过基于状态的系统实现的。你为对象创建不同的状态，然后借助事件和过渡动作在它们之间切换。

我们至今仍然深信这套系统。它易于使用和设置，你可以通过一系列过渡，让对象从 A 到 B 再到 C 运动起来。但在更复杂的动效中，若要控制多个对象状态过渡的时机，这套系统就有其局限。

有了时间轴，你现在可以更精确、更可控地制作动画。过渡会排布在一条水平的时间轴上，让你能够更精细地控制时机。这个新方案建立在状态之上，进一步扩展了 Spline 的动画能力。

Spline 时间轴上关键帧的演示

## 曲线编辑器：流畅的动态，更精细的控制

内置的曲线编辑器让你可以控制缓动和速度，不再局限于线性过渡，从而创造出自然、流畅或富有活力的动态。

Spline 中基于曲线的时间轴动画演示

## 事件与交互

与状态一样，基于时间轴的动画也可以连接到 Spline 的事件系统，让你可以通过用户操作或条件逻辑来触发动态。这样就能构建交互式时间轴，根据用户与场景的互动方式做出动态响应。

任何对象属性都可以制作动画，包括位置、旋转、缩放、尺寸、材质、克隆器或路径挤出。当你在视口或属性面板中进行调整时，关键帧会自动记录，让工作流保持流畅且非破坏性。

悬停或触摸即可交互（使用 Spline 时间轴制作的体验）

## 多条时间轴

你可以在一个项目中创建多条时间轴。这样就能把动态分到清晰的轨道上，为同一个对象构建不同的状态，或为复杂场景组织动画。

拥有多条时间轴，也让根据不同交互触发不同动态变得更容易。例如，一条时间轴可以定义对象的入场动画，另一条则控制它被点击时的反应。

使用时间轴制作的 3D 路径与相机动画

## 导出视频

时间轴不仅限于交互式项目。你还可以直接从 Spline 将动画导出为高质量视频。选择要渲染的时间轴，调整时长、帧率和分辨率，即可生成可用于演示、营销活动或循环内容的视频。

这种双重用途让时间轴既适用于交互式动效设计工作流，也适用于传统动效设计工作流。

从 Spline 导出的基于时间轴的视频

## 在 Beta 中不断演进

时间轴动画以 Beta 版本推出。我们正在积极改进它，并会根据你的反馈持续完善工作流。我们的目标是让 3D 动画制作尽可能流畅且富有表现力，无论你是在为实时交互式体验还是为视频进行设计。

我们很期待看到你用时间轴让项目活起来。

—— Spline 团队

## 更多博客文章

[2026年11月3日Spline Arena 正式推出](https://spline.design/zh/blog/introducing-spline-arena)[2026年10月21日Spline for ChatGPT 正式推出](https://spline.design/zh/blog/introducing-spline-for-chatgpt)[2026年8月27日Hana V2 正式发布](https://spline.design/zh/blog/hana-v2)

[Spline](https://spline.design/zh)

面向团队及其智能体的 3D 和 2D 编辑器。一键发布到网页、iOS 和 Android。

#### 向 AI 询问 Spline

#### 产品

- [3D 设计](https://spline.design/zh/3d-design)
- [Hana](https://spline.design/zh/hana)
- [Omma](https://omma.build)
- [AI 3D 生成](https://spline.design/zh/ai-generate)
- [Spline MCP](https://spline.design/zh/mcp)
- [Spline Arena](https://spline.design/zh/arena)
- [定价](https://spline.design/zh/pricing)
- [企业版](https://spline.design/zh/enterprise)

#### 运行时

- [Web](https://spline.design/zh/web)
- [iOS](https://spline.design/zh/ios)
- [Android](https://spline.design/zh/android)

#### 应用

- [下载](https://spline.design/zh/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [下载 Spline Mirror](https://spline.design/download-mirror)

#### 学习

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/zh/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [解决方案](https://spline.design/solutions)

#### 社区

- [Spline 社区](https://community.spline.design)
- [Blog](https://spline.design/zh/blog)
- [更新日志](https://spline.design/zh/changelog)
- [教育](https://spline.design/zh/education)
- [Contra](https://spline.design/contra)
- [联盟计划](https://spline.design/zh/affiliate)

#### 公司

- [客户](https://spline.design/zh/customers)
- [招贤纳士](https://www.ycombinator.com/companies/spline/jobs)
- [安全](https://spline.design/zh/security)

#### 法律

- [条款与条件](https://spline.design/terms)
- [隐私](https://spline.design/privacy)

#### 联系我们

- [help@spline.design](mailto:help@spline.design)
- [jobs@spline.design](mailto:jobs@spline.design)

© 2026 - Spline, Inc.