sonnjagenia | creative coding - java

>SGM, 2026

creative coding - Java
>SGM | Sonnja Genia Riedl

Vorübungen
Programmieren mit Blockly | jwinf.de
Jugendwettbewerb Informatik

Wiederholung
Schildkröte
jwinf.de/task/1829

Wiederholung mit Zählvariable
Ornamente
jwinf.de/task/1825 | Turtle Grafik

Logik und Variablen
Dominosteine
jwinf.de/task/1849

Bedingte Anweisung
Zelluläre Automaten
jwinf.de/task/1841

Java Programmierung
︎

Bsp. Java via learnj.de [M. Pabst]

Leeres Fenster
Datentypen

int Ganzzahl | 32 Bit
boolean Wahrheitswert | true, false bzw. 1, 0
string Zeichenkette | Bit je nach Länge
float Gleitkommazahl | 32 Bit
char Einzelzeichen | 16 Bit, z.B. ‚a‘; ‚z‘
double Gleitkommazahl | 64 Bit

Variablen und Datentypen
Rechnen mit Variablen

Objekte instanziieren (Konstruktor)
Methoden aufrufen

Koordinatensystem

{'id': 'Java', 'speed': 1000, 'withBottomPanel': false ,'withPCode': false ,'withConsole': false ,'withFileList': false ,'withErrorList': false} <script type="plain/text" title="Programm.java"> Circle k = new Circle(250, 200, 100); k.setFillColor(Color.red); k.move(100, -50);</script>
Objektreferenzen und Objekte

{'id': 'Java', 'speed': 1000, 'withBottomPanel': false ,'withPCode': false ,'withConsole': false ,'withFileList': false ,'withErrorList': false} <script type="plain/text" title="Programm.java"> Rectangle r; // Deklarieren der Variable r vom Typ Rectangle r = new Rectangle(10, 10, 400, 200); // Instanzieren eines neuen Rechteck-Objekts und Zuweisen zu r // r zeigt jetzt auf das Rechteck-Objekt. Rectangle k; k = r; // Der Wert von r (d.h. die Adresse des Rechteck-Objekts) wird in die Variable k hineinkopiert k.setFillColor(Color.red); // Aufruf der Methode "setFillColor" von r; Übergabe es Parameterwertes Color.red r.rotate(30); // Aufruf der Methode "rotate" von r; Übergabe des Parameterwertes 30</script>

Simulation von rund durch eckig

{'id': 'Java', 'speed': 1000, 'withBottomPanel': false ,'withPCode': false ,'withConsole': false ,'withFileList': false ,'withErrorList': false} <script type="plain/text" title="Programm.java"> new World(800, 600); for(int i = 0; i < 36; i++){ Rectangle r = new Rectangle(450, 300, 150, 100); r.setAlpha(0.2); r.rotate(10*i, 400, 300); }</script>
Zweierpotenzen als Bildschirmausgabe

Zweierpotenzen berechnen

Codierung
Dezimal - Binär - Hexadezimal

Codierung - Farben
RGB in Hex

Farben - Opacity/ Alpha-value

{'id': 'Java', 'speed': 1000, 'withBottomPanel': false ,'withPCode': false ,'withConsole': false ,'withFileList': false ,'withErrorList': false} <script type="plain/text" title="Programm.java"> Circle c1 = new Circle(300, 300, 250); c1.setFillColor(0xff8000, 0.5); Circle c2 = new Circle(500, 300, 250); c2.setFillColor(0x0080ff, 0.5); </script>

Methoden
setCursor

MouseOver-Effekt

getWidth() und getHeight() der Klasse World

{'id': 'Java', 'speed': 1000, 'withBottomPanel': false ,'withPCode': false ,'withConsole': false ,'withFileList': false ,'withErrorList': false} <script type="plain/text" title="Programm.java"> World w = new World(1000, 1000); w.setBackgroundColor(Color.antiquewhite); for(int i = 0; i < 1000; i++) { double x = Math.random() * w.getWidth(); double y = Math.random() * w.getHeight(); int color = Math.floor(Math.random() * 0xffffff); // zufällige Farbe double alpha = Math.random(); // 0 => komplett durchsichtig; 1 => komplett undurchsichtig Circle c = new Circle(x, y, 20); c.setFillColor(color, alpha); }</script>
Einmaleinstabelle

Ornament
Geschachtelte for-Schleife (Zählschleife) mit dynamischem diagonalen Muster

Farbverlauf

Array

Fibonacci-Folge

bzw.

Würfel
mit eigenen Klassen und Konstruktoren
a) Klasse zum Speichern der Seitenzahl

b) Methode zum Würfeln

c) Datenkapselung

Würfel, der einen n-Seitigen Würfel simuliert

Sinuskurve mit Transparenz

Grafik - Animation
Flying Rectangle
mit Vererbung (neue Unterklasse erbt von der bestehenden Oberklasse)
und mit Zufallswerten (random)

vgl. auch (Schritt-für-Schritt-Erläuterung)
https://www.learnj.de/10/doku.php?id=wiederholung:flyingrectangle:start

Feuerwerk
mit Vererbung und Audio

Kryptographie
Cäsar-Verschlüsselung

Vigenère-Verschlüsselung

Processing - Klassenbibliothek für Grafik
vgl.
processing.org
p5js.org/examples
p5js.org/reference/
openprocessing.org
creativeapplications.net/tools/framework/processing bzw.
learnj.de/doku.php?id=api:documentation:processing:start | Zustandsorientiertes Zeichnen von grafischen Objekten

edulogo

UNTERRICHT

FILED: ARTS, CULTURE, ARTIFICIAL INTELLIGENCE, LIT.