如何优化场景

💡
注意:Spline一直在不断改进,并且随着时间的推移进行了许多优化。将来可能不需要这里的一些建议。

性能面板

为了帮助优化,性能面板提供了一些关键指标和改进机会,以减少场景的加载时间和提高性能。

                                                    你可以从导出面板中打开性能面板
你可以从导出面板中打开性能面板
image

3D指标优化面板中,指标可以帮助您了解场景中可以优化的内容:

  • 导出大小
  • 加载时间
  • 对象数量
  • 多边形数量
  • 材质数量
  • 音频资源数量
  • 灯光数量
  • 后处理数量
  • 图片数量
💡
导出大小和加载时间的值是在互联网速度较低的情况下的预估值,实际值可能会有所不同。

优化建议

以下指标都是可以优化的机会,这是根据场景的状态,通过其中的动作来进行改进的建议。

image

以下是三种类型的可优化型操作:

  • 红色:对于提高场景性能和整体状态,非常重要。
  • 黄色:对改进很重要,但不是至关重要的。
  • 灰色:建议保持场景简洁并移除未使用的内容,与性能没有直接关系。

为了保持良好的性能,请在导出和嵌入您的设计时遵循以下建议:

🪛减少多边形的数量

在Spline中,所有对象都是由三角形形成的几何图形。两个三角形则组成了一个正方形。

多边形的数量越少,在屏幕上渲染/加载的速度就越快。

  1. 通常,更平滑的对象具有更多的多边形,这会增加加载时间。
  2. 在对象(如球体、立方体、圆柱体等)的参数中。您可以控制“边”的数量。您可以减少边数来提高性能。
  3. 使用 平滑编辑来细分对象时,
    1. 避免使用超过3的细分等级,除非您确实需要更大的细分等级。大多数看起来不错的对象,其实都只有1或2个细分等级。
    2. 避免使用“增加基础细分”,除非真的需要。点击此按钮后,您将无法返回到初始状态。
    3. 如果您从其他软件或库中导入对象,请确保使用已优化的或是更少多边形的版本。

导出时使用几何压缩

您可以使用压缩设置来提高导出场景的加载/性能。 请注意,较高级别的压缩也会降低几何形状的精度或质量。

  1. 单击顶部工具栏上的“导出”
  2. 在 PublicURL、查看器或代码导出(取决于您所需的导出类型)下切换到“播放设置”选项卡
  3. 一直向下滚动找到“压缩”设置
  4. 用开关打开它
  5. 从“预设”下拉列表中选择“性能”以优化以提高性能。
您可以设置压缩参数来提高性能,减少加载时间。请您理解,更高的压缩将会降低场景的精度和质量。
您可以设置压缩参数来提高性能,减少加载时间。请您理解,更高的压缩将会降低场景的精度和质量。

✂️ 减少对象数量&保持材质简单

拥有大量对象将会增加加载时间,并降低性能(更多对象 = 更多多边形 、更多材质等)

  1. 删除不可见的对象(例如在另一个对象内部或在其他对象后面)。如果您认为人们不会在最终体验中看到这些对象,您可以删除它们。
  2. 尽可能避免在您的材质中添加图片/纹理(图片,尤其是大图片,会增加加载时间)。
  3. 使用简单的灯光。我们建议每个场景使用少于 3 个灯光。过多的灯光会降低场景的性能。
  4. 尽量保持材质简单,如果没有必要不要使用太多层。
  5. 后处理效果会降低性能(尤其是在同时激活多个效果时)。

使用组件来减少对象

当处理具有许多重复对象的场景时,您可以使用 组件 和 实例 来优化场景。组件是可重用的对象。 它们允许您使用单个对象并创建它的多个实例。 每个实例都是原始实例的虚拟副本(而不是副本)。这意味着,如果您有 1 个组件和 100 个实例,则场景将仅存储 1 个几何体(而不是 101 个几何体)。

使用材质和图像资产来优化性能

与组件类似,资产是可重用的项目。 可以分配给多个对象的单个资产,同时仍保持单个来源。默认情况下,样条曲线上的任何新几何体都包含非资源材质。 这意味着如果您有 10 个对象,您将拥有 10 种材质。 如果您希望每个对象具有不同的样式,这会很方便。 但如果所有这些都看起来都一样,那么效率就很低。相反,您可以将材质转换为资产并在 10 个对象中重复使用该资产。 这可以优化场景的数据量和处理。

使用 3D 场景时优化网站性能

您可以像考虑图像或视频的性能一样考虑 3D 场景。 如果您的网站包含许多图像或视频,并且您在其上添加了非常复杂的 3D 场景,则性能可能会降低。

以下是有关如何在向网站添加 3d 时获得最佳性能的一些提示:

  • 如果您的网站已经非常复杂(包含大量内容),请考虑在从Spline线添加 3D 场景之前对其进行优化,或者确保您的 3D 场景足够简单。
  • 减少 3D 场景和网站中的图像/纹理数量,以缩短加载时间。
  • 按照性能面板的建议来优化场景(减少对象、材质等)。

🌳避免每个网页多次嵌入

虽然可以在单个网站页面上嵌入多个样条线场景,但我们建议保持简单,并且每个页面仅使用一到两个嵌入。如果您的体验需要每页嵌入多个样条线,请记住以下一些注意事项:

  • 避免多次嵌入非常复杂的 3D 场景(检查导出设置上的性能指标)。
  • 避免每页嵌入超过 3 个。
  • 使用样条线查看器而不是 iFrame 嵌入。 Spline查看器允许延迟加载,这在单个页面中使用多个嵌入时提供更好的性能。
  • 避免在全屏上使用多个嵌入(画布越大,渲染所需的像素就越多)。

👉下一步

回到首页