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

แคนวาส 2 มิติใน Chrome ได้รับความรักในการเร่งฮาร์ดแวร์เมื่อเดือนกุมภาพันธ์ การเร่งความเร็วนี้ทำให้การวาดสไปรท์ 2 มิติเป็นไปอย่างรวดเร็วเนื่องจากการใช้งานจะใช้ GPU ในการวาดภาพ

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

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