前言
最近在体验 zoreG 浏览器的过程中，在他们的 Homepage 中看到一个很有意思的动画效果。因为最近正好在研究 motion 和 Figma，看了很多有意思的动画，所以好奇它的实现。
于是就接触了Spline，一款 WEB 3D 绘图软件。可以通过 three.js 来渲染和控制元素动画效果和交互。并且在导出时还贴心的附上了 code 代码，后续只需要对交互进行处理。后期想在我的博客中添加动画来替代我的猫猫（不是说猫猫不好的意思）。
轻
作为 WEB 应用，优势就是免安装和快速启动，而且打开画布的速度甚至超越了 Figma。在官方的导出demo中打包出来的文件在较大场景下也只有 600kb 。
简单
相比于 blender 来说，Spline 中的操作更加集中，对元素的操作更加具体，但功能也有限。相比于 AE 的帧动画来说，Spline 的 state 较好描述了某一个点的状态，最后再由 event 进行触发，不用过渡关心时间轴的概念。
开发友好
我觉得从我的角度来说，Spline的优势在于对前端的支持度极高，可以借助 react-three 快捷串联动画，或许在未来 dribbble 上面的设计师炫技动画都能被一一实现。
闲聊
最近在不停的体验新的产品的过程中，发现国外的 WEB 应用已经茂盛生长至此，而在国内的大厂驱动下的前端阉割生态下，越来越多的产品甚至把本来就开完完备的 WEB 应用都进行了阉割。
其实我一直在思考，造成这种局面到底是因为技术导向还是政治导向呢，另外阉割 WEB 也导致各个平台的信息封闭，基本难以在搜索引擎中触达简体中文的信息。
如果要选择我的年度 WEB App 我选择：Notion、Figma 和 Spline。