최근 Michael Chaize는 HTML 5, Flash 등의 기술을 사용하여 동일한 파티클 시스템을 구현하고 다양한 브라우저, 다양한 운영 체제, 다양한 플랫폼(데스크톱 및 모바일 장치)에서의 성능을 평가했습니다. 파티클 수가 4000개에 도달하면 Flash의 성능은 이미 HTML 5의 3배가 되는 것을 볼 수 있습니다. 그러나 이 리뷰에서는 HTML 5의 최신 WebGL Canvas를 사용하지 않았습니다. 따라서 기존 테스트 프로그램을 기반으로 WebGL 기반의 새로운 테스트 기능이 추가되었습니다..png)
공정성을 위해 파티클 시스템의 계산은 원본 JavaScript를 사용하여 구현되며 GPU 셰이더에서는 계산되지 않습니다.
테스트 웹페이지 주소는 여기입니다.
결과는 아래와 같습니다
.png)
HTML과 2D Canvas를 사용할 때 이 파티클 시스템 테스트의 병목 현상은 전적으로 그래픽 그리기에 있지만 WebGL을 사용한 후에는 병목 현상이 JavaScript의 파티클 시스템 계산으로 이동합니다. 위 테스트는 Chrome 5 Dev 버전을 기준으로 진행되었으며 –enable-webgl 시작 매개변수를 추가하면 WebGL 기능이 활성화됩니다. 동시에, 비교를 위해 Firefox Dev 버전을 사용했습니다. Chrome과 큰 차이가 있으며, Chrome의 일반적인 그래픽 그리기 방법과도 차이가 없습니다.
이 테스트를 위해 Flash에서 GPU 가속을 활성화했는지 여부는 알 수 없습니다. 앞으로 브라우저가 GPU 가속 기술을 사용하면 HTML 및 2D 캔버스 그리기를 가속화할 수 있어 복잡한 WebGL을 사용하지 않고도 더 빠른 그리기 속도를 달성할 수 있습니다.