ການຂັດຂວາງເຄື່ອງມືເກມ

HTML <canvas> element ແມ່ນຖືກສະແດງໃນເວັບໄຊຄືກັບອົງກາງສະແດງຂະໜາດຫຼາຍ:

Canvas HTML

HTML <canvas> element ແມ່ນມີຄວາມສາມາດທີ່ຈະສ້າງເກມ.

ສິ່ງຂອງ

ທ່ານສາມາດໃຊ້ JavaScript ໃນ ທີ່ຈະສ້າງພາບຕັດຕາມມາດຕະຖານ HTML.

.getContext("2d")

ສິ່ງຂອງ getContext("2d") ອົງການມີວິທິການແລະລັກສະນະທີ່ຈະມີການສ້າງເກມ.

ທ່ານສາມາດຊົມຄວາມຄິດໃນ Canvas Tutorial ການຮຽນ Canvas ສິ່ງຂອງ getContext("2d") ຂໍ້ມູນຂອງອົງການຫຼາຍກວ່າ.

ຫນັງນັ້ນ ດັງຂື້ນຕອນນີ້

ເພື່ອສ້າງເກມ ກໍ່ສ້າງເຂດເກມອອກແລະກະກຽມສຳລັບການຂັດຂຽວຕັດຕາມ:

ອົງການ

function startGame() {
  myGameArea.start();
}
var myGameArea = {
  canvas : document.createElement("canvas"),
  start : function() {
    this.canvas.width = 480;
    this.canvas.height = 270;
    this.context = this.canvas.getContext("2d");
    document.body.insertBefore(this.canvas, document.body.childNodes[0]);
  }
}

ທ້າວທັກທາງ

ໃນການຮຽນຫຼັງຈາກນີ້ຂອງການຮຽນນີ້ myGameArea ຈະມີບາງລັກສະນະແລະວິທິການຫຼາຍກວ່າ.

ກອງການ startGame() ໂດຍເອິ້ນ myGameArea 对象的 start() 方法。

start() 方法创建了一个 元素，并作为第一个子节点插入到 元素中。