# Hana 迎来 3D - Spline blog (https://spline.design/zh/blog/introducing-3d-shapes-hana)

> 让 3D 与 2D 融为一体

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

2025年12月10日

# Hana 迎来 3D

让 3D 与 2D 融为一体

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

长久以来，设计“流程”的大部分环节都发生在 2D 画布上。

2D 与 3D 之间由来已久的鸿沟，根源在于技术上的复杂性。2D 设计工具已经发展到既实时又高质量（所见即所得），但 3D 需要多得多的算力，只有在降低质量的情况下才能实时工作。

但技术已经取得了长足进步（无论是硬件还是软件），我们的团队在过去几年里也取得了重大进展，让我们达成了一个根本性的里程碑：在同一块画布上实时融合 3D 与 2D。

移动鼠标或触摸即可交互（使用 Hana 制作的体验）

## 3D 与 2D 的融合

我们相信，设计画布应该充分利用所有可用的维度，而用户（无论是人还是 AI 智能体）应该能够决定什么最适合手头的问题。

遗憾的是，这在理论上可行，但用 3D 实现任何东西在技术上都是一场噩梦，而把这两套系统结合起来更是难上加难。

目前大多数设计工具，或者说传统工具，都建立在类似的思路上：你在预览上工作，然后点击“渲染”或“交付”你的作品，再由别人用另一套技术栈去实现真正的成品。

换句话说，几乎所有现有的设计工具都不是实时的，因此 3D 通常需要使用专门的工具，其输出最终以静态图片或视频的形式被处理或嵌入：既不可编辑，也无法交互。这是一个缓慢的过程，与当今的设计工作流标准格格不入。

要改变这一点，就需要一种全新的方式。

使用 Hana 制作的体验

## 实时是基础

在打造 Hana 时，我们让它既能实时运行，又能渲染你在 2D 中可以渲染的_任何_内容。这意味着 Hana 的渲染器能够实时处理各种像素级精确的效果（如阴影、模糊等）、矢量形状、布尔运算等等。

这也意味着，我们可以借助 Hana 的特效管线来实时渲染 3D 图形。

从本质上讲，Hana 可以把 3D 和 2D 完全融合在一起。

使用 Hana 将矢量变成实时 3D

## 融合两个世界的历程

在 2D 画布中加入 3D 看似简单，但实际上挑战重重。大多数情况下，这需要同时运行两个渲染器或组合多个运行时，导致下载时间过长，并不理想。

Hana 对 3D 和 2D 使用同一个运行时，效率更高，也灵活得多。

另一个核心问题是质量，或者更准确地说，是质量的不足。

把两套系统合二为一，同时保持相同的质量水准，是一项挑战，因为 3D 质量涉及多个因素：抗锯齿、分辨率、多边形数量（或高体素密度）、对象数量等等。

在 Hana 中，你可以创建任何 2D 形状并将其转换为 3D 对象，同时与原始形状保持实时关联。

这意味着你随时都可以修改原始形状，而 3D 对象会根据原始形状实时重新生成。

这让在 2D 构图中进行 3D 创作的效率得到了大幅提升。例如，你可以轻松创建 3D 文字，并修改它的颜色、字体或其他属性，同时在非破坏性的工作流中保留文字的全部灵活性。

布局可以动态更新，3D 对象会遵循 2D 构图的规则。

使用 Hana 3D 形状制作的体验

## 3D 遵循 2D

在 Hana 中，每个 3D 对象都有自己的坐标系。不过，它仍然遵循 2D 画布的规则和行为，这意味着你通常在 2D 对象上使用的一切，都可以应用到 3D 对象上。

这为丰富的设计可能打开了大门。

## 局限

目前，Hana 的 3D/2D 系统中只提供了有限的功能。

你可以把任何 2D 形状挤出为 3D，并对材质有相当程度的控制，但仍有很大的空间去探索新的可能。

理想情况下，这套 3D 系统应该能够渲染任何类型的 3D 对象或场景，受到的限制要少得多。

## 这只是开始

过去几年，我们在 Spline 一直努力打造一套连贯的设计体系，将 2D、3D 乃至未来的 4D 融为一体。

我们迫不及待地想继续朝着这个令人兴奋的未来迈进。

—— 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.