HTML igre
1. Grafičko sučelje igre
HTML igrice su izrađene uz pomoć elementa <canvas>. Canvas je savršen za jednostavne igrice. On će nam služiti kao prostor u kojem će se igrica odvijati. <Canvas> element ima ugrađeni objekt pod imenom getContext(“2d”), on sadrži metode i svojstva za crtanje.
Primjer:
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]);
}}
Funkcija startGame() poziva metodu start() na myGameAreaobjekt.
start() metoda stvara <canvas> element i unosi ga kao prvi čvor u <body> elementu.
HTML element canvas koristi se za crtanje grafika na web stranici, koristi se za crtanje grafike u hodu putem skriptiranja u JavaScriptu.