Codul HTML <canvas> element este afișat ca un obiect dreptunghiular pe o pagină web:
HTML Canvas
<canvas> element este perfect pentru a face jocuri în HTML.
<canvas> Element ofera toate functionalitatile necesare pentru a face jocuri.
Utilizați JavaScript pentru a desena, scrie, insera imagini, și mai mult, pe <canvas> .
. getContext("2d")
<canvas> Elementul are incorporat obiect, numit getContext("2d") obiect, cu metode și proprietăți pentru desen.
Puteți afla mai multe despre <canvas> elementul, și getContext("2d") obiect, în nostru Tutorial Canvas .
Incepe
Pentru a face un joc, începe prin crearea unei zone de jocuri de noroc, și să-l gata pentru desen:
Exemplu
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]);
}
}
Încearcă - l singur » Obiectul myGameArea va avea mai multe proprietăți și metode mai târziu în acest tutorial.
Funcția startGame() invocă metoda start() al myGameArea obiectului.
start() Metoda creează <canvas> Element si insereaza ca prima childnode a <body> element.