移动设备的a帧场景优化

Question

我创造了一个杂货店项目，建立在A框架上，有63个产品和3个货架。

• 截图：https://i.stack.imgur.com/A1x5u.jpg

在笔记本电脑上，杂货店装货后，它能装上60英尺。

但它不会在移动设备上加载--它只是让浏览器崩溃(在iPhone 13、Safari/Chrome和三星Galaxy S10、Chrome上试用)。

我应该遵循什么准则来优化移动设备的A帧场景？

Answer 1

我建议您看一下最佳做法-业绩文档。

根据我的经验，最常见的罪魁祸首是打太多抽签电话。如果您有相同的对象，最好使用实例网格。

Diarmid McKenzie做了一个很酷的组件，如果你不想深入THREE.js API的话

尽可能频繁地使用统计数据组件，以跟踪场景的复杂性(绘制调用、几何图形、灯光)。