2D 캔버스에서 GPU 가속 활용
bookmark_borderbookmark
컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
Chrome의 2D 캔버스는 지난 2월에 하드웨어 가속을 지원하게 되었습니다. 구현에서 GPU를 사용하여 drawImage를 실행하므로 가속을 사용하면 2D 스프라이트를 매우 빠르게 그릴 수 있습니다.
가속을 통해 어떤 작업을 할 수 있는지 알아보려면 이 예시를 확인하세요. 이 데모에서는 전체 창 캔버스에 변환된 256x256 PNG 스프라이트 180개를 그리고 N-body 시뮬레이션을 실행하여 스프라이트가 서로 끌어당기도록 합니다. 저전력 노트북에서도 초당 30~60프레임으로 원활하게 실행됩니다.
가속 구현에는 아직 미흡한 부분이 있으므로 일부 사용 사례에서 성능이 저하될 수 있습니다. 문제를 해결할 수 있도록 new.crbug.com을 통해 Chrome팀에 알려주세요.
달리 명시되지 않는 한 이 페이지의 콘텐츠에는 Creative Commons Attribution 4.0 라이선스에 따라 라이선스가 부여되며, 코드 샘플에는 Apache 2.0 라이선스에 따라 라이선스가 부여됩니다. 자세한 내용은 Google Developers 사이트 정책을 참조하세요. 자바는 Oracle 및/또는 Oracle 계열사의 등록 상표입니다.
최종 업데이트: 2012-07-04(UTC)
[[["이해하기 쉬움","easyToUnderstand","thumb-up"],["문제가 해결됨","solvedMyProblem","thumb-up"],["기타","otherUp","thumb-up"]],[["필요한 정보가 없음","missingTheInformationINeed","thumb-down"],["너무 복잡함/단계 수가 너무 많음","tooComplicatedTooManySteps","thumb-down"],["오래됨","outOfDate","thumb-down"],["번역 문제","translationIssue","thumb-down"],["샘플/코드 문제","samplesCodeIssue","thumb-down"],["기타","otherDown","thumb-down"]],["최종 업데이트: 2012-07-04(UTC)"],[],[]]