Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> Javascript

ปรับปรุงประสิทธิภาพแบบเรียลไทม์บนเอฟเฟกต์ผ้าใบ HTML5


วิธีเพิ่มประสิทธิภาพผ้าใบ HTML5:

  • ควรปิดการปรับภาพให้เรียบ
  • แสดงผลในความละเอียดครึ่งหนึ่ง
  • ใช้ drawImage() เพื่ออัปเดตแคนวาสหลัก
  • คุณต้องใช้พิกัดและขนาดจำนวนเต็ม
  • การใช้งานของ requestAnimationFrame()
  • คุณต้องใช้ while ลูปให้บ่อยเท่าที่คุณจะทำได้