Augenzahlen würfeln

Erläuterungen

Lernziele

• Die Matrix der Augenzahlen wird aus den Klassen Punkt, Zeile, Augenzahl aufgebaut,

• Die aufbauenden Enthält-Beziehungen (Aggregationen) werden durch Arrays realisiert.

• Bedingte Anweisungen ermöglichen die Darstellung der Augenzahlen.

Programmablauf

• Ein Objekte der Klasse Augenzahl setzt sich aus Zeilen zusammen, die wiederum aus Punkten bestehen..

• Die Klasse Augenzahl ist ein Array von Zeilen und eine Zeile ist ein Array von Punkten. Ein Punkt ist ein zweidimensionales JavaScript-Grafik-Objekt des JavaScript-Objekts Canvas (Zeichenfläche).

• Ein Punkt ist in JavaScript  nicht Instanz (Objekt) einer Klasse sondern ein Objekt-Prototyp.

• Wollte man einen Punkt als Objekt einer Klasse bilden, müssten dessen Eigenschaften static sein und damit würde der Punkt ohne Konstruktor zur Verfügung stehen.

• Anstatt die Eigenschaften (Variablen) für eine Zeichenfläche (Canvas)  bzw. deren Grafik-Objekte als static zu definieren, können sie als globale Variablen mit let bzw. var deklariert werden oder als const,  weil sie nicht variabel sind.

• In dem JavaScript-Programm (Progrmme werden in JavaScript als function bezeichnet.) wird mit der Klasse Augenzahl ein Objekt mit 3 Zeilen die aus 3 Punkten bestehen gebildet. bzw. durch eine Methode gezeichnet.

• Die Punkte werden nur dann gezeichnet, wenn sie die Bedingung an einer bestimmten Stelle zu sein,  erfüllen.

Übung

Änderung von Farbe und Größe der Punkte