Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

เพิ่มประสิทธิภาพ real-time บน HTML5 canvas effects

เพื่อเพิ่มประสิทธิภาพ HTML5 canvas:

  • ปิด image smoothing
  • Render ที่ half resolution
  • ใช้ drawImage() อัปเดต main canvas
  • ใช้ integer coordinates และ sizes
  • ใช้ requestAnimationFrame()
  • ใช้ while loops บ่อยที่สุดเท่าที่จะทำได้