Information Technology Reference
In-Depth Information
Abbildung 8.8:
Die Developer Tools von Google Chrome beim Laden des Offline-Cache
JavaScript-Funktionen für das Spiel
So wenig aufregend der HTML-Teil des Beispiels war, so interessant ist der
JavaScript-Anteil an dem Spiel. Die bereits öfter besprochene
window.onload
-
Funktion initialisiert ein neues Objekt
game
vom Typ
KnappDran
und ruft an-
schließend die
init
-Funktionen dieses Objekts auf:
window.onload = function() {
var game = new KnappDran();
game.init();
};
Um den JavaScript-Code möglichst flexibel zu halten, wurde die ganze Spiele-
Funktionalität in eine Bibliothek verpackt (
GameLib
). Diese wird mit allen Funk-
tionen als globales Objekt zugänglich gemacht.
(function () {
var GameLib = function () {
var elem = {};
var image, canvas, context;
...
};
// expose object
window.KnappDran = GameLib;
}());