0
createljs를 사용하여 시뮬레이터를 구축 할 때 수천 개의 작은 원 (직경 3 픽셀)이 필요합니다. 도형 그래프에 원을 그릴 수 있습니다. 권장되는 방법입니까? 또는 비트 맵을 사용해야합니까?성능을 유지하면서 많은 수의 원을 추가하는 방법은 무엇입니까?
성능면에서 가장 좋은 방법에 대한 아이디어가 있습니까?
또한 텍스트 안티 알리아를 설정하거나 해제 할 수 있습니까?
A
답변
0
성능을 찾으려면 대부분의 브라우저에서 몇 가지 이점을 제공하는 Shape.cache(x,y,w,h)을 사용하여 모양을 캐싱하는 것이 좋습니다. EaselJS Git repo에있는 캐시 데모를 확인하십시오. 이 예제에서 Safari는 이미 Graphics에 대한 최상의 최적화를 수행하고 GPU에있는 많은 작은 객체를 제대로 처리하지 않기 때문에 Safari 6의 반대 효과 (캐싱 속도가 느림)가 있습니다.
모양이 시간이 지나면 많이 변하는 경우 캐싱이 좋은 옵션이 아닐 수 있습니다.
+0
고맙지 만 캐싱을 피하기 위해 내 앱이 Safari 6에서 실행되고 있는지 어떻게 알 수 있습니까? – simo
+0
나는 캐싱을 피해야한다고 말하지 않을 것이다. 이것은 작은 비트 맵이 많고 벡터의 성능이 좋은 반대 효과가있는 꽤 특정한 경우이다. 그러나 캐싱 할 때 일반적으로 net-gain을 얻을 것이다. 당신이 그것을 현명하게하는 것처럼). Safari를 확인하기 위해 항상 사용자 에이전트를 확인할 수 있습니다. – Lanny
+0
내 웹 사이트 방문자의 대부분은 chrome/firefox/ie를 사용합니다. – simo
1
캔버스 최적화에 대한 내용은 다음 문서를 참조하십시오. 본 논문에서는
http://www.html5rocks.com/en/tutorials/canvas/performance/
, 우리는 캔버스와 다른 렌더링 기술을 보여 어도비는 AS3에서 HTML5로 전환하는 개발자를위한 가이드가 easeljs 소개:
http://blogs.adobe.com/digitalmedia/2011/01/getting-started-with-the-canvas-element-and-easeljs/
에서을 이 기사에서는 이전 개체 정의에서 새 Shape 인스턴스를 만드는 방법을 보여줍니다.
+0
고마워,하지만 내가 EaselJS 프레임 워크를 사용할 때 나는 캔버스로 직접 플레이하지 않기 때문에 EaselJS를 통해 조언이 필요하다. 나는 이주 액션 스크립트 3 개발자이다. – simo
+0
나는 여기 http : // banners .aquafadas.com/yann/testWebkit/EaselJS_v0_3_2/examples/cache.html – simo
+1
게시 된 @simo 예제는 EaselJS와 함께 제공되는 이전 버전입니다. 최신 버전은 CreateJS 사이트에서 볼 수 있습니다. http://createjs.com/#!/EaselJS/demos/cache – Lanny
일단 그려진 서클은 정적입니까? – WiredPrairie