2016-08-18 6 views
-2

인쇄 가능한 셔츠를 만들기 위해 편집기를 만들고 있는데 pixi js로 세 개의 j를 사용합니다. 셔츠 나 컵과 같은 물건은 캔버스 같은 3 개의 js와 직장에 있습니다. 모든 것을 편집 할 수있는 곳은 PIXI입니다. 그리고 그것이 제가 생각하는 문제입니다. 내 컨테이너는 4000x4000과 같은 크기를 가지고 있습니다 ... 그 거대한 Buut에는 많은 객체가 없으므로 성능에 문제가있을 수 있습니까? 이것은 파이어 폭스에서 매우 높다. 가장 작은 텍스처 (product stone15)는 FPS 약 2-7 ..... 그 끔찍한 낮은 것이다!PIXI.JS의 성능이 좋지 않습니다.

내가 뭘 잘못하고 있으며 크롬과 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

+0

로컬 호스트에 연결 했으므로 해당 링크를 볼 방법이 없습니다. – 2pha

+0

아직 브라우저 성능 프로파일 링을 사용 해본 적이 있습니까? . dev 툴에서 프로파일과 타임 라인 탭을 사용하는 것과 같은가? 그것들은 당신에게 문제를 추적하기위한 최고의 출발점을 줄 것입니다. 4000 x 4000은별로 효과적이지 않습니다. 예를 들어, 크기가 약 14k x 14k 인 스크롤 가능 맵을 만들고 있습니다. http://plnkr.co/edit/X9XexHw65aB5Sa6xSroZ?p=preview 그리고 모바일 장치에서도 작동합니다 (또는 작동 가능). . 거기에 작은 메모가 있습니다. 나는 webgl만을 사용한다. – Hachi

+0

pixi 렌더러에 문제가 없지만 three.js 렌더러에 문제가 있음을 발견했지만 해결 방법을 모릅니다. –

답변

0

그냥 생각 : 너무 많은 마스크를 사용하면 성능이 저하 될 수 있습니다 ....