【发布时间】：2016-12-24 19:44:00
【问题描述】：
我正在创建一个编辑器来制作可打印的衬衫，我使用三个 js 和 pixi js。我的衬衫或杯子之类的对象在三个 js 中，而工作场所就像 canvas，我可以在其中编辑所有内容来自 PIXI。我认为这是一个问题。我的容器的尺寸像 4000x4000 ...我知道，它很大，但是没有很多对象，那么性能问题在哪里？这在 Firefox 中非常重要，其中最小的纹理（product stone15）是 FPS 大约 2-7 ..... 它的低太可怕了！
我做错了什么以及如何修复它以便主要在 Chrome 和 Firefox 中获得更好的性能？
这个产品好一点http://localhost:8080/index.html?product=stone15
这在 chrome 和 firefox 中都非常可怕：http://localhost:8080/?product=tricko_polyester_unisex
这在 chrome 中很好，但在 Firefox 中不好：http://localhost:8080/?product=cup&type=white
在这里你可以找到我的来源
【问题讨论】：
-
您已链接到您的本地主机，我们将无法看到这些链接
-
您是否使用过浏览器性能分析。喜欢在开发工具中使用配置文件和时间线选项卡吗？这些将为您提供跟踪问题的最佳起点。 4000 x 4000 听起来并不多。例如，我正在制作一个尺寸约为 14k x 14k 的可滚动地图，如下所示：plnkr.co/edit/X9XexHw65aB5Sa6xSroZ?p=preview 即使在移动设备中也可以正常工作（或可以正常工作）。虽然那里有一个小注释。我只使用 webgl。
-
我发现pixi渲染器没有问题，但是three.js渲染器有问题，但我不知道如何解决它