각 타일에 마우스 오버 히트 영역 감지 기능이있는 아이소 메트릭 그리드를 그립니다. 그것은 작동하지만 프레임 속도는 끔찍합니다. 프레임 속도를 너무 많이 낮추는 데 어떤 아이디어가 있습니까? 확실히 webGL은 이것보다 더 좋은 FPS를 얻을 수 있습니까?모든 브라우저에서의 놀라운 프레임 속도 (Pixi JS 렌더링)
움직이는 스프라이트 (다이아몬드 모양 PIXI.Graphics 만 해당)가 화면에 표시되지 않습니다.
건배, 요르단 후속으로
. 프리 머 티브를 사용하여 각 프레임을 스텐실 버퍼에 그린 다음 렌더 버퍼에 렌더링해야합니다. 스프라이트를 사용하면 텍스처를 표시하는 단일 그리기 호출입니다. 같은 텍스처를 가진 스프라이트가 많은 경우에는 한 번에 모두 그릴 수 있습니다 (그래픽으로 할 수는 없습니다).
요약 : 성능을 위해 스프 라이트를 사용하십시오 (WebGL 프리미티브 그래픽이 아님).
WebGL 그래픽은 사용자가 만드는 것처럼 효율적입니다. [다음은 WebGL에서 아이소 메트릭 게임입니다.] (http://danielmagliola.com/demos/isoengine/). [다음은 또 하나] (http://mitallast.github.io/diablo-js/). 더 많은 것이 있습니다 – gman
PIXI 라이브러리에는 그렇지 않습니다. OpenGL에서 프리미티브와 관련된 효율성 문제입니다. – Jordan
스프라이트는 프리미티브로 그려진다. perf 문제는 WebGL 또는 OpenGL과 관련이 없습니다. – gman
나는 항상 PIXI.Graphics 객체로 애니메이션을 적용하고 설명하는 것처럼 문제가 없었습니다. 몇 가지 코드를 게시하는 것이 좋습니다. – Karmacon