Javascript 如何解决A型框架中的性能问题？

我有以下的场景：

有一堆球体无限期地向右移动0.5。所有球体都位于父对象下，其动画将应用于。一开始就有明显的滞后。大约两分钟后，一切都进展得非常快

我正在使用Firefox夜间版本56.a1，Oculus Rift+Touch Windows 10，GTX 1060，i7 4820K

---

我必须注意什么？有什么建议吗？我见过更复杂的游戏（都显示在Aframe.io网站上）获得更好的性能，所以肯定有一个诀窍。我还意识到一个框架还没有投入生产。任何我冷进入的资源？

您可以将

stats

属性添加到

标记以监视统计信息，您可以观察场景中的顶点和面是否过多。不要在帧循环中创建新对象，否则收集垃圾会花费很多时间，只需在外部定义并重用它即可。@Craig.Li:谢谢：）。我已经为粒子系统替换了球体，它稍微好一点；）。但这并不能完全解决问题。谢谢你的统计属性。你能更好地解释一下“帧循环中没有新对象吗？”你知道场景总是有60 FPS（每秒帧），这意味着场景将被渲染60次，在a帧中，a帧组件的勾号函数将被执行60次，如果你在每个帧循环中创建实例，js引擎将循环这些实例，并导致性能下降。所以，创建一个实例，然后重用它。@Craig.Li哦，我明白了。谢谢你的提示。我去看看！我们还发现光线投射器的工作方式存在问题。这个答案解决了这个问题（显然）：您可以将

stats

属性添加到

标记以监视统计信息，您可以观察场景中是否有过多的顶点和面。不要在帧循环中创建新对象，否则收集垃圾会花费很多时间，只需在外部定义并重用它即可。@Craig.Li:谢谢：）。我已经为粒子系统替换了球体，它稍微好一点；）。但这并不能完全解决问题。谢谢你的统计属性。你能更好地解释一下“帧循环中没有新对象吗？”你知道场景总是有60 FPS（每秒帧），这意味着场景将被渲染60次，在a帧中，a帧组件的勾号函数将被执行60次，如果你在每个帧循环中创建实例，js引擎将循环这些实例，并导致性能下降。所以，创建一个实例，然后重用它。@Craig.Li哦，我明白了。谢谢你的提示。我去看看！我们还发现光线投射器的工作方式存在问题。这个答案（显然）解决了这个问题：