FAQ

💡
如仍无法解决你的问题，欢迎加入讨论群，反馈你的问题！

一、下载安装

1. 请问在哪里下载中文版：

下载地址：cn.spline.design，已经支持了网页版、win、mac版本

2. 安装失败，提示“需要移动到废纸篓”

解决方案：cn.spline.design

请一定要按照上述的解决方案来，如仍无法解决，请使用网页版（网页版免安装，也很香）！！！

3. 怎么创建快捷方式到桌面（win）

找到安装包的位置，点击Spline的应用程序，右键-发送快捷方式到桌面

4. 支持平板/手机下载吗？

目前不支持呢。

5.软件更新之后，我需要重新下载吗？

不需要，软件自动更新的，无需再次下载。

6.中英文版本的功能有区别吗？

没有区别的，中文版本只对英文版本进行汉化，其他功能是一样的

7.为什么界面显示有些是中文，有些是英文呢？

中文版的汉化会有稍许的延迟，中英文版本在功能上是没有区别的

8.打开文件很卡，一直显示正在加载，有什么办法可以加快访问速度吗？

官方也在一直优化访问速度。除此之外，可以参考群友提供的解决方案：

@一花一世界： Spline 启动显示界面慢，或新建文件出来慢解决办法： 1.有条件的开梯子 2.没条件的试试改host 试着把下面的 添加到 host 文件里面 127.0.0.1 178.128.126.116:443 127.0.0.1 access-sngapm.qcloud.com 127.0.0.1 api.amplitude.com 我自己Mac 测试了，不挂 T子，启动速度显示界面大大提升，新建文件 会快一丢丢。 win版测试均有效。 【 不会添加 host 文件的百度，或挂T子就可以解决启动慢，新建文件慢】

二、建模

1. 使用平滑编辑时，拖不动小把手，使用内插还是挤出，没反应

这种情况是卡住了，请退出重进，或者重新加载当前为网页，即可。

2. 怎么修改圆环内的直径呢？

有两种方式：

A. 拖动z轴的小把手，改变为你想要的粗细（如被遮挡，可放大视图，更易定位）

B. 直接修改“形状-z轴”的数值

image

3.可以输入中文吗？

暂时不支持。

可以导入中文字的SVG，然后再调整SVG的3D效果。

可参考3D文字教程：https://www.bilibili.com/video/BV1hF411z7Dw?spm_id_from=333.999.0.0

4.SVG导入之后，变形了该怎么办？

svg导入之后，变形了，破面了，少面了……大概率是格式原因，需要到其他的工具重新导出svg的格式：可以试下在Ai里重新用路径查找器分割做下就正常了，或者到Figma里面重新导出一下也可以

如果还是以上方法还是不行，也请检查一下原始的svg文件，是否是svg矢量文件，也有遇到过有些文件是用svg的格式包装一下外层，实际是一个图片。这种实际是一个图片格式，没有办法对图形进行编辑的。

5.新建一个对象之后，在编辑器显示是透明的，咋办？

可以试着新建一个文件，将已有的文件复制到新文件中，再添加对象。

6.怎么移动轴坐标到中心的位置？

目前仅支持更改组的轴坐标位置，对于单个物体，可以给这个物体打个组，组的轴坐标会默认到中心的位置。移动坐标轴位置的方法如下：

win：Alt+ctl,点击组，然后即可移动轴位置 mac：option+command，点击组，然后即可移动轴位置

7.平滑编辑的时候，怎么环选一圈线？

平滑编辑-线模式-双击一段线，即可环选这圈线。

8.平滑编辑的时候，怎么选中背面的面呢？怎么不选中背面的面呢？

是否允许选中背面的面可以通过来设置，路径是：选择-选择范围-二者，则将会同时选中前视和背面的面，选择-选择范围-前视，则仅会选择前视的面，背面的面将不会被选中。线模式、点模式同理。

image

9. 为什么没有投影呢？

在3D空间内，投影出现的前提是，有光源、有投影地面。请检查你的场景内是否都具备。

可参考灯光教程：https://www.bilibili.com/video/BV1WF411e7hW?spm_id_from=333.999.0.0&vd_source=d7c0bf56d9da92e5a2bb2644dc6df922

10.可以导入什么格式到Spline呢？

支持导入PNG、JPG、SVG、OBJ、FBX、STL、GLTF (as .gltf)、Spline Files (.spline)等

详细说明请见 🎞 导出场景

11. 阴影经常出现锯齿，是什么原因？

厚度过薄时，容易出现锯齿。这时可以通过以下方式来减少锯齿：

  1. 增加厚度
  2. 调大灯光的分辨率，例如调为大或巨大

如果调整后，希望阴影更加柔和，可使用软渲染，教程详见 软渲染

厚度过薄时，容易出现锯齿
厚度过薄时，容易出现锯齿
调整灯光的分辨率
调整灯光的分辨率

12.为什么我的阴影一点都不柔和了？

可以使用软渲染让阴影柔和。点击空白处，进入全局设置-右侧面板软渲染，详细说明参见 软渲染

软渲染教程：https://www.bilibili.com/video/BV1kG4y1a7eU?spm_id_from=333.999.0.0

13.怎么显示这种线框图？

打开线框显示，操作路径：全局显示-可见性-线框显示-显示

线框图
线框图

14.请问克隆里面的对齐和不对齐有什么作用呢？

用长方形/正方体创建时会出效果，比如用于做表的时针的效果

对齐和不对齐分别是这样的效果

image

三、动画

1.可以设置状态a到状态b再到状态c这样的动画吗？

可以。通过打组的形式，给每一个组一个状态

可参考logo动画教程：https://www.bilibili.com/video/BV19u411z7aU?spm_id_from=333.999.0.0

2.摄像机动画应该怎么设置呢？有什么教程吗？

可查看动画切换教程：https://www.bilibili.com/video/BV1ma411K7Bm?spm_id_from=333.999.0.0

四、导出

1.支持导出什么格式呢？

支持导出url、iframe、代码、图片、gif、视频、、gltf、.spline等格式

详细说明请见 文件导出

2.为什么导出玻璃材质之后，有一块是黑色的？

当场景 隐藏背景颜色+有玻璃材质时，导出图片，玻璃部分会出现黑块。目前还不太好解决，可以参考群友的一个解决方案。

@新新： 虽然导出的玻璃材质PNG可用度弱。但可以把直接导出的当做蒙版，再导出高清JPG，用PS处理一下，提高可用度！ 给需要的小伙伴参考吧～

3.导出的时候有黑边怎么处理？

五、教程&资源

1.我是一个新手，怎么入门呢？有入门教程推荐吗？

B站有针对新手入门的系列教程，可通过搜索Spline获取，这里整理了一些入门教程给大家参考：

新手入门系列教程（英版中字）：

https://www.bilibili.com/video/BV1oY4y1Y783?share_source=copy_web&vd_source=0c42ca9e4a7f605ed7094afc4c6042b4

新手入门系列教程（中文版）：

https://www.bilibili.com/video/BV14g411X73g?share_source=copy_web&vd_source=0c42ca9e4a7f605ed7094afc4c6042b4

2.我已经有了一定的3D基础，想要学习进阶版的复杂模型的教程

B站和Youtube上有比较丰富的案例教程，可以通过搜索Spline获取，这里整理了一些进阶版的教程：

进阶版案例教程：

https://www.bilibili.com/video/BV19R4y1c7Mt?share_source=copy_web&vd_source=0c42ca9e4a7f605ed7094afc4c6042b4

3.有玻璃材质的教程吗？

透明玻璃立方体：https://www.bilibili.com/video/BV1AW4y1b7aB?spm_id_from=333.999.0.0

玻璃教程：https://www.bilibili.com/video/BV19S4y1q7nP?spm_id_from=333.999.0.0

4.有和Figma导出做网页动效的教程吗？

Figma+Spline还能这么玩：3D交互场景嵌入Figma(可视化大屏/网页设计)：https://www.bilibili.com/video/BV1mt4y1H7ZC?spm_id_from=333.999.0.0

3D动效：https://www.youtube.com/watch?v=K0Dh-8rHMLk

5.有Matcap材质的教程吗？

这里的案例有讲到：https://www.bilibili.com/video/BV1US4y1Q7yx?spm_id_from=333.999.0.0&vd_source=d7c0bf56d9da92e5a2bb2644dc6df922

六、开发

1.有开发文档吗？

开发文档地址：https://www.npmjs.com/package/@splinetool/runtime

详细信息可参考：导出代码

2.有开发教程吗？

有的：

Spline+React： https://www.youtube.com/watch?v=EJxeMbDTkVI&t=2922s

Spline对接开发人员：https://www.bilibili.com/video/BV1e94y1y7Go?share_source=copy_web&vd_source=0c42ca9e4a7f605ed7094afc4c6042b4

React+Spline创建网站：https://www.youtube.com/watch?v=EJxeMbDTkVI&t=51s

3.可以通过代码对某一个物体进行单独的动画控制吗？

可以，可以通过对单独的对象id进行单独的动画控制，具体参考开发文档：https://www.npmjs.com/package/@splinetool/runtime

4. 导出代码的时候可以导出动画吗？

目前导出vanilla.js 和React时，是支持导出带动画的，即在Spline编辑器中设定交互动画，通过导出vanilla.js / React代码即可直接使用，不需要前端再绑定交互了

而react-three-fiber和three.js 导出不支持带动画，需要前端再用代码来实现动画。

七、效果

1. 可以做有颜色的投影吗？

可以哦 这里有教程：https://www.bilibili.com/video/BV1hu411r7Vt?spm_id_from=333.999.0.0&vd_source=d7c0bf56d9da92e5a2bb2644dc6df922

2.可以做金属材质吗？

可以哦 详见

八、其他

1.有Spline的快捷键合集吗？

Spline 快捷键合集地址：Spline 快捷键

2. Spline 库里面的素材可以商用吗？

可以的。

3.我可以给Spline库投稿吗？

可以的，欢迎向Spline库投稿，收到投稿后，Spline团队将会进行评估，评估通过后的作品将会以“作品+署名”的形式展示在官方库中。 投稿地址：https://wenjuan.feishu.cn/m?t=sWvw4L7NnGEi-exl2 ps：投稿即表示您同意Spline团队对您的作品在官方库、社交媒体进行展示。

4.有Spline的3D素材可以推荐吗？

Spline 3D官网素材库：

网址：https://app.spline.design/library

持续更新，且种类丰富，有完整的场景和单独的小物件，且素材免费可以商用。

Spline Showcase ：

https://airtable.com/shrYuFU780HbiVKDD/tblLktUkGPevZxC5a

Splinespiration：

网址：https://splinespiration.com/

持续更新中

Dribble上搜索Spline：

https://dribbble.com/search/spline

5.免费版、超级版、超级团队版有什么区别呢？

您可以在设置中查看，区别如下：

image

6.购买之后，可以开具发票吗？

您在购买成功之后，将会自动收到一封invoice邮件，请您注意查收。

如您需要有公司抬头的invoice，请发送邮件申请至help@spline.design

7.请问怎么支付呢，支持使用微信支付/支付宝支付吗？

目前暂不支持微信/支付宝支付呢，您可以使用visa卡或是mastercard进行支付，支付信息如下：

温馨提示，这些信息都可以在实体卡的卡面上获取。

image

8.有交流群可以加入吗？怎么联系官方团队？

有的。

image