HTML5画布游戏机芯

ก第一章เ背景2第二章ง板งาทำให้มันเคลื่อนไหวกัน

ได้เขึ้มมมx，，，，，Keyboard Keyboard键盘

• 电子游戏如何改善我们的大脑
• OK，德古拉：阿尔法一号
• 流亡之路硬核初学者指南
• 下一步是什么？ Battle Arena 0.5预览版
• Sejarah Situs Togel在线Ada

กใช้ารเรียกใช้Event Keydown kระกาศตัวแปรkเพื่อรับค่า键代码

  canvas.addEventListener（“ keydown”，function（e）{ 
  var k = e.keyCode; 

  }，假）; 

งที่ร้างเงื่อนไขเมื่อกดปุ่มซ้ายและขวาและกำหนดระยะทางที่10

  canvas.addEventListener（“ keydown”，function（e）{ 
  var k = e.keyCode; 
 如果（k === 37 || k === 65）{ 
  Plate.x-= 10; 
  } 
 否则（k === 39 || k === 68）{ 
  Plate.x + = 10; 
  } 
  }，假）; 

Updateร้างฟังก์ชั่นUpdate（）;

  var update = function（dt）{canvas.setAttribute（'tabindex'，'0'）; 
  canvas.focus（）; 
  }; 

thenระกาศตัวแปร然后และเก็บค่า日期时间ปัจจุบันไว้

  var then = Date.now（）; 

Updateรียกใช้ฟังก์ชั่น更新ที่Main（）;

  var main = function（）{ 
  var now = Date.now（）; 
  var delta = now-then; 
 更新（delta / 1000）;  render（）; 然后=现在；  requestAnimationFrame（main）; 
  }; 

htmlาPlateนั้นลองรันบนhtml Plateขอhtmlราจะต้องสามารถเคลื่อนไหวได้

Plateรจะพบว่าPlateาPlateของเราสามารถเคลื่อนไหวออกไปนอกจอเกมได้ดังนั้นให้เรากลับไปที่Plate.jsของเราไปที่方法更新และใส่เงื่อนไขดังนี้

  Plate.prototype.update = function（dt）{ 
  if（this.x <0）{ 
  this.x = 0; 
  } 
  if（this.x + this.width> this.canvas.width）{ 
  this.x = this.canvas.width-this.width; 
  }}; 

กลับไปที่ากนั้นกลับไปที่Main.js Updateฟังก์ชั่นUpdate（）; Plateรียกใช้งานPlate.render（）;

  var update = function（dt）{ 
  Plate.update（dt）;  canvas.setAttribute（'tabindex'，'0'）; 
  canvas.focus（）; 
  }; 

ากนั้นให้ลองรันบนhtmlอีกครั้งแล้วทดสอบPlateจะต้องไม่ออกนอกฉาก