Hana 中的液态玻璃与 3D
Hana 新功能:3D 变换、液态玻璃和自动布局
今天,我们为 Hana 发布一次重大更新,带来实时液态玻璃、3D 变换、自动布局和视频图层等突破性功能。
Hana 中的液态玻璃
随着 iOS 26 的推出,液态玻璃效果吸引了设计圈的目光。现在,你可以在 Hana 中把这种效果应用到任何对象图层上。
你可以编辑玻璃参数,例如 Distortion,来控制折射的程度。
不仅如此,你还可以跳出 iOS 的风格,创建自定义的玻璃效果。我们让这些参数足够通用,可以夸大部分效果的表现,从而实现各种创意结果和更具冲击力的视觉美感。
可叠加的玻璃
在大多数设计工具中,模糊或玻璃效果通常只作用于单个图层,也就是说,如果你叠加多个图层,玻璃的扭曲不会累积,看起来依然是平的。
在 Hana 中,你可以轻松叠加多层玻璃,看到每一层如何折射后方或下方的元素,就像在现实世界中一样,由此带来一整套全新的创意可能。这不仅适用于玻璃效果,也适用于背景模糊效果。
3D 变换
从 2D 走向 3D 一直是个挑战。在开始开发这项功能时,我们就希望提供一种无缝的方式,让你能在 2D 和 3D 之间轻松切换,而不丢失任何内容。
在 Hana 中,任何对象现在都可以成为 3D 对象,并提供参数来控制它在 3D 空间中的位置(深度)、旋转和透视。
所有这些参数都可以制作动画,并与状态/事件系统兼容。
画框与 3D 传送门
当一个画框变成 3D 时,它也就成了通往自身 3D 空间的一扇窗。这在制作传送门时尤其有用,传送门是一种能在自身内部看到纵深的视觉元素。
做法很简单:把元素放进画框,将画框设为 3D,然后修改其中元素的 3D 位置或旋转。此时如果你改变画框的旋转或位置,就能看到其中的元素以多层纵深呈现出来。
自动布局
Hana 现在支持参数完全可动画的布局。你可以创建垂直和水平布局,并自定义内边距和间距。
布局与事件和状态协同工作,并实时更新,进一步增强交互性。
我们还加入了对瀑布流布局的支持,类似于 Pinterest 的分栏布局。
视频图层
现在,你可以轻松地在 Spline Hana 的任何图层中嵌入视频。这在制作交互式演示或设计动效时非常实用。只需在 Fill 面板中切换到 Video Layer,然后上传或拖放你的视频即可。
与 Spline 的 3D 编辑器类似,Hana 中的视频也可以由自定义事件触发。默认情况下,视频会在 Start 事件时播放,但你可以修改这一设置,用鼠标事件或其他任何事件来触发它。
全新的创意可能
内容真不少! 希望你喜欢我们今天发布的所有新功能,并开始创作令人兴奋的新设计。
—— Spline 团队