ใช้ประโยชน์จากการเร่ง GPU ใน Canvas แบบ 2 มิติ

Ilmari Heikkinen

Canvas แบบ 2 มิติใน Chrome ได้รับการเร่งความเร็วด้วยฮาร์ดแวร์เมื่อเดือนกุมภาพันธ์ ความเร่งทำให้การวาด 2D Sprite เร็วขึ้นมากเพราะการใช้งานกำลังใช้ GPU ในการสร้าง DrawImage

คุณสามารถดูตัวอย่างนี้เพื่อดูสิ่งต่างๆ ที่การเร่งความเร็วช่วยให้ใช้งานได้ การสาธิตจะวาดสไปรท์ขนาด 256x256 ในรูปแบบ PNG 180 ภาพบนผืนผ้าใบแบบเต็มหน้าต่างและใช้การจำลองตัว N บนตัวต่อเพื่อทำให้สไปรท์โน้มถ่วงเข้าหากัน ทั้งหมดนี้ทำงานได้อย่างราบรื่นด้วยความละเอียด 30-60 เฟรมต่อวินาทีบนแล็ปท็อปที่ใช้พลังงานต่ำ

การใช้การเร่งความเร็วยังคงมีขอบที่คลุมเครืออยู่ ดังนั้นคุณอาจเห็นประสิทธิภาพที่ลดลงในบางกรณี (โปรดแจ้งให้ทีม Chrome ทราบผ่านทาง new.crbug.com เพื่อให้เราสามารถแก้ไขได้)