Makao ya Kigame
- Picha ya Kwanza Muhtasari wa Kigame
- Picha ya Kina Vijuguli ya Kigame
HTML <canvas> elementi inonyeshwa kwenye wavuti kama kipande kikubwa:
Canvas ya HTML
<canvas> Inaofaa sana kufanya mchezo katika HTML.
<canvas> Ina matumizi ya kufanya mchezo zote.
Tumia JavaScript kwenye <canvas> kufanya uharibifu, kusoma matukio, kuingiza picha zingine zingine na zingine.
.getContext("2d")
<canvas> Ina jina la kufanya mchezo, jina la getContext("2d") jina la jina, ina jina la kufanya mchezo na matumizi ya matumizi na matumizi.
Wewe unaweza kufikia katika Mfano wa Canvas kuelewa kuhusu <canvas> elementi na getContext("2d") maelezo ya jina
Tafadhali, anza kuzima
Kuwaingia kwenye mchezo, tutafanya eneo la mchezo kwa kuwaingia kwenye uharibifu:
matokeo
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]);
}
}
Kisha kipande cha kuzingatia katika ujumbe huu, jina la myGameArea itakupata mafanikio na mafanikio na matukio.
mfano startGame() tumia myGameArea 对象的 start() metodi.
start() metodi inayotengeneza <canvas> elementi, na ikisaidia kama mwanafikia wa kwanza <body> kwenye elementi.
- Picha ya Kwanza Muhtasari wa Kigame
- Picha ya Kina Vijuguli ya Kigame
