2016-08-18 7 views
-2

私はプリント可能なシャツを作るためのエディタを作成しています。私はpixi jsで3つのjを使用しています。シャツやカップのような私のオブジェクトは、キャンバスのような3つのjsと職場にあります。私はすべてを編集することができますPIXIからです。それは私がそう考える問題です。私のコンテナは4000x4000のような次元を持っています...私は知っています、その巨大なBuutにはオブジェクトがたくさんありませんので、どこでパフォーマンスに問題がありますか?これは、Firefoxの場合、最小のテクスチャ(product stone15)で約2-7のFPSです.....その恐ろしい低です!PIXI.JSのパフォーマンスが悪い

私は間違っていますが、主にChromeとFirefoxでパフォーマンスを向上させるために修正できますか?

この製品は、これはChromeとFirefoxの両方で本当に恐ろしいですhttp://localhost:8080/index.html?product=stone15

少し優れている:http://localhost:8080/?product=tricko_polyester_unisex

これはクロームでは良いが、Firefoxで悪いです:http://localhost:8080/?product=cup&type=white

ここにあなたが私を見つけることができますソース

https://github.com/kstroka/myeditor

+0

ローカルホストにリンクしました。これらのリンクを見ることはできません。 – 2pha

+0

ブラウザパフォーマンスプロファイリング。開発ツールのプロファイルとタイムラインタブを使うのと同じですか?それらはあなたに問題を追跡するための最善の出発点を与えるでしょう。 4000 x 4000はあまり実際には聞こえません。たとえば、次のように約14k x 14kのサイズのスクロール可能なマップを作成しています。http://plnkr.co/edit/X9XexHw65aB5Sa6xSroZ?p=preview モバイルデバイスでも機能します(または動作することができます)。 。そこには小さなメモがあります。私はwebglだけを使用します。 – Hachi

+0

私はpixiレンダラーではなく、three.jsレンダラーに問題はありませんが、それを修正する方法はわかりません –

答えて

0

ちょっとしたアイデア:あまりにも多くのマスクを使用していると、パフォーマンスが悪くなる可能性があります。

関連する問題