HTML
CSS
JavaScript
Seiteninhalt und Struktur
Überschrift, Paragraphen, Bilder, ...
Gestaltung
Farben, Schriftart, Abstände, ...
Logik / Programmierung
Animationen, Benutzereingaben, ...
Slide 3
Slide 3 text
0 / 0
800 / 600
STAGE
BALL
PADDLE
Slide 4
Slide 4 text
Variable
Funktion
Objekt
speichert Werte
Befehle die beliebig oft aufgerufen
werden können.
Eine Sammlung von Eigenschaften und
Funktionen. Auto, Hund, Mensch
Methode Funktionen von Objekten.
var lieblingsFarbe = „grün“;
function machHausaufgaben() {
...
}
var Auto = {};
Auto.beschleunigen();
Auto.bremsen();
Slide 5
Slide 5 text
// Spielfläche erstellen
var canvas = document.getElementById('myCanvas');
var stage = new Game.Stage();
stage.init(800, 600, "black", canvas);
// Ball hinzufügen
var ball = new Game.Ball();
ball.init(400, 300, 20, 'white');
stage.add(ball);
X
Y
X - RADIUS < 0 X + RADIUS > BREITE
Y + RADIUS > HÖHE
Y - RADIUS > 0
Slide 8
Slide 8 text
wenn X - RADIUS < 0 dann links abgeprallt
oder wenn X + RADIUS > BREITE dann rechts abegprallt
wenn Y - RADIUS > 0 dann oben abgeprallt
oder wenn Y + RADIUS < HÖHE dann unten abegprallt