ใช้ประโยชน์จากการเร่ง GPU ใน Canvas แบบ 2 มิติ
bookmark_borderbookmark
จัดทุกอย่างให้เป็นระเบียบอยู่เสมอด้วยคอลเล็กชัน
บันทึกและจัดหมวดหมู่เนื้อหาตามค่ากำหนดของคุณ
เราได้เพิ่มการเร่งฮาร์ดแวร์ให้กับ Canvas 2 มิติใน Chrome ไปเมื่อเดือนกุมภาพันธ์ การเร่งประสิทธิภาพช่วยให้การวาดสไปรท์ 2 มิติเป็นไปอย่างรวดเร็ว เนื่องจากมีการใช้ GPU ในการเรียกใช้ drawImage
คุณสามารถดูประเภทของสิ่งที่การเร่งความเร็วทำได้ในตัวอย่างนี้ การสาธิตนี้วาดสไปรต์ PNG ขนาด 256x256 ที่เปลี่ยนรูปแบบแล้ว 180 รายการบนผืนผ้าใบแบบเต็มหน้าต่าง และทำการจำลองระบบหลายวัตถุกับสไปรต์เหล่านั้นเพื่อให้สไปรต์ดึงดูดเข้าหากัน และทุกอย่างจะทำงานได้อย่างราบรื่นที่ 30-60 เฟรมต่อวินาทีในแล็ปท็อปที่มีกำลังไฟต่ำ
การใช้งานการเร่งความเร็วยังอยู่ในช่วงเริ่มต้น จึงอาจทำให้ประสิทธิภาพลดลงในบางกรณีการใช้งาน (โปรดแจ้งให้ทีม Chrome ทราบผ่าน new.crbug.com เพื่อให้เราแก้ไขปัญหาได้)
เนื้อหาของหน้าเว็บนี้ได้รับอนุญาตภายใต้ใบอนุญาตที่ต้องระบุที่มาของครีเอทีฟคอมมอนส์ 4.0 และตัวอย่างโค้ดได้รับอนุญาตภายใต้ใบอนุญาต Apache 2.0 เว้นแต่จะระบุไว้เป็นอย่างอื่น โปรดดูรายละเอียดที่นโยบายเว็บไซต์ Google Developers Java เป็นเครื่องหมายการค้าจดทะเบียนของ 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"],[],[]]
