移动端A-Frame场景优化
A-Frame scene optimization for mobile devices
我创建了一个基于 A-Frame 的杂货店项目，其中包含 63 种产品和 3 个货架。
- 截图：https://i.stack.imgur.com/A1x5u.jpg
在笔记本电脑上，加载杂货店后，它保持 60 fps。
但它不会在移动设备上加载 - 它只会使浏览器崩溃（在 iPhone 13、Safari/Chrome 和三星 Galaxy S10、Chrome 上试过）。
我应该遵循什么准则来优化移动设备的 A-Frame 场景？
我建议查看 Best Practices - Performance 文档。
根据我的经验，最常见的罪魁祸首是绘制调用过多。如果您有相同的对象，最好使用 Instanced Meshes.
Diarmid McKenzie 做了一个很酷的 component 如果你不想深入 THREE.js API
尽可能经常使用 stats 组件，以跟踪场景的复杂性（绘制调用、几何图形、灯光）。
我创建了一个基于 A-Frame 的杂货店项目，其中包含 63 种产品和 3 个货架。
- 截图：https://i.stack.imgur.com/A1x5u.jpg
在笔记本电脑上，加载杂货店后，它保持 60 fps。
但它不会在移动设备上加载 - 它只会使浏览器崩溃（在 iPhone 13、Safari/Chrome 和三星 Galaxy S10、Chrome 上试过）。
我应该遵循什么准则来优化移动设备的 A-Frame 场景？
我建议查看 Best Practices - Performance 文档。
根据我的经验，最常见的罪魁祸首是绘制调用过多。如果您有相同的对象，最好使用 Instanced Meshes.
Diarmid McKenzie 做了一个很酷的 component 如果你不想深入 THREE.js API
尽可能经常使用 stats 组件，以跟踪场景的复杂性（绘制调用、几何图形、灯光）。