Calliope mini - Spaß durch Programmieren

Entwicklungsumgebungen

Rechtecke auf dem GameKit

Ziel: Auf dem Bildschirm des GameKit werden Quadrate gezeichnet. Jedes Quadrat begint irgendwo auf dem Bildschirm und ist mit Linien aus zwei Farben gefüllt. Die Übung dient dazu, ein Gefühl für den Birdschirm zu erhalten.

Erweiterungen laden

Zum Ansteuern des Display muss die entstprechende Erweiterung geladen werden. Erst danach stehen zwei neue Blockgruppen zur Verfügung: Bildschirm und Tasten.

Display

Bildschirm färben

Display

Das erste kleine Programm färbt den Bildschirm ein und zeigt die Nummer der Farbe an. Insgesamt sind 16 verschiedene Farben möglich (0...15). Sie können entweder über den Farbwähler direkt gewählt oder durch ihr Nummer eingetragen werden.

Man stellt fest, dass das Grau für die Nummer 0 schwarz dargestellt wird. (März 2026)

Auf dem Bildschirm kann Text angezeigt werden, der immer als String vorliegen muss. Zahlen müssen demnach in Text umgewandelt werden.

Die Mitte des Bildschirms bezieht sich auf die x-Achse, die Texte werden also zentiert dargestellt. Mit dem anderen Textbefehl kann die Schrift frei plaziert werden.

Linien zeichnen

Mit einem einfachen Befehl lässt sich auf einem weißen Bildschirm eine rote Linie zeichnen. Die Farben können wieder auf der Palette oder als Zahlen gewählt werden.

Die voreingestellten Koordinaten zeigen es: Der Bildschirm ist 160 Pixel breit (0...159) und 120 Pixel hoch (0...119). Die Koordinate 0,0 liegt links oben.

Linien

Aufgabe: Lass drei weitere Linien zeichnen.

Hinweis: Es gibt kein Pixel, welches genau im Mittelpunkt des Bildschirmes liegt. Das ist bei einer geraden Pixelanzahl nicht möglich. In guter Näherung kann aber in x-Richtung die Koordinate 80 und in y-Richtung die Koordinate 60 als Mitte betrachtet werden.

Linien

Rechteck zeichnen

Mit dem Rechteck-Befehl lässt sich auf einem weißen Bildschirm ein rotes Quadrat zeichnen. Als x- und y-Koordinate wird der Mittelpunkt des Bildschirms angegeben.

Wie man schön sieht, steht das Quadrat aber nicht in der Mitte des Bildschirm, sondern nach rechts unten versetzt. Die x- und y-Werte beziehen sich auf die linke, obere Ecke des Rechtecks.

Linien

Damit das Rechteck in der Mitte des Bildschirmes gezeichnet wird, müssen die x- und y-Werte aus der Breite und Höhe des Rechteckes berechnet werden. Das Programm kommt auch mit Kommazahlen zurecht!

Linien

Als nächstes wird um den Bildschirm ein dünner roter Rahmen gezogen. Der Faktor ist das Verhältnis der beiden Seitenlängen. Daraus wird die richtige Breite des Rechteck berechnet.

Linien

Als nächstes wird um den Bildschirm ein dünner roter Rahmen gezogen. Der Faktor ist das Verhältnis der beiden Seitenlängen. Daraus wird die richtige Breite des Rechteck berechnet.

Linien

Jetzt kommt Bewegung ins Bild

Über eine Schleife werden 60 Rechtecke gezeichnet. Nach dem Zeichnen werden die beiden Variablen um 2 erniedrigt.

Aufgabe: Ändere das Programm so, dass der Bildschirm von innen heraus mit einer Farbe gefüllt wird.

Linien

zurück