Я создаю редактор, чтобы сделать печатные рубашки, и я использую три js с pixi js. Мои объекты, такие как рубашка или чашка, находятся в трех js и на рабочем месте, например, на холсте, где я могу редактировать все, начиная с PIXI. И это проблема, я так думаю. Мой контейнер имеет размеры, такие как 4000x4000 ... Я знаю, его огромный, Buut нет большого количества объектов, поэтому, где может быть проблема с производительностью? Это очень в Firefox, где в самой маленькой текстуре (продукт stone15) есть FPS около 2-7 ..... Его ужасно низкий!Плохая производительность в PIXI.JS
Что я делаю неправильно и как я могу исправить это, чтобы улучшить производительность в основном в Chrome и Firefox?
Этот продукт немного лучше http://localhost:8080/index.html?product=stone15
Это действительно ужасно как в хроме и светлячок: http://localhost:8080/?product=tricko_polyester_unisex
Это хорошо в хроме, но плохо в светлячок: http://localhost:8080/?product=cup&type=white
Здесь вы можете найти мой источники
https://github.com/kstroka/myeditor
Вы связались с вашим локальным хостом, так как мы не сможем увидеть эти ссылки. – 2pha
Вы уже использовали профилирование производительности браузера , Как использовать профили и вкладки временной шкалы в инструментах dev? Это даст вам наилучшую отправную точку для отслеживания проблем. 4000 x 4000 звучит не очень. Например, я делаю прокручиваемую карту с размерами около 14k x 14k, например: http://plnkr.co/edit/X9XexHw65aB5Sa6xSroZ?p=preview И она работает (или может работать) нормально даже в мобильных устройствах , Хотя там небольшая записка. Я использую только webgl. – Hachi
Я обнаружил, что у меня нет проблем с pixi renderer, но с помощью средства просмотра three.js, но я не знаю, как его исправить –