Game Canvas

HTML <canvas> element a yunkuri kwarara a cikin rarraba:

HTML Canvas

<canvas> tafiya ta kwarara kwarara a HTML.

<canvas> tafiya ta kwarara kwarara da daceci kwarara.

Dauka JavaScript a <canvas> tafiya, rita magana, da tsarewa imaji kwarara.

.getContext("2d")

<canvas> tafiya kwarara da kwarara. getContext("2d") object

Aka iya ganin Canvas Tutorial tafiya <canvas> kwarara da getContext("2d") kauyawa object

Kuma, kai kai baya

Lafiya zai iya samarwa kwarara, kiyase dake daceci game area, kuma kiyase gudun fassara:

shafuka

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]);
  }
}

guduwar

A harshe kusa na yunkuri, object myGameArea za'a fi aqwa da daceci kuma kwarara.

fonsi startGame() kalau myGameArea object's start() method.

start() method yar da shi <canvas> element, kuma a gudanar da shi azaman farkon yanki <body> in element.