KachelKunst

1. Wozu dieses Grundwissen?

Diese Seite richtet sich an Schüler:innen der Sekundarstufe I – und an Lehrkräfte.

• KachelKunst verbindet Informatik, Mathematik und Gestaltung.
• Damit du gut mit der App arbeiten kannst, helfen ein paar Grundbegriffe: Raster, Kacheln, Formen, Symmetrie und JSON.
• Du musst nicht alles perfekt können – aber grob zu wissen, was dahinter steckt, macht vieles verständlicher.

2. Was ist ein Raster?

Raster begegnen dir überall – in Heften, Tabellen und Spielen.

• Ein Raster ist ein regelmäßiges Muster aus Zeilen und Spalten.
• In KachelKunst besteht das Raster aus 8 Zeilen und 8 Spalten – also 64 Feldern.
• Jedes Feld im Raster nennen wir hier eine Kachel.
• Du kennst ähnliche Raster zum Beispiel von:
  • Kariertem Papier
  • Schachbrett (8×8 Felder)
  • Tabellen in einem Textprogramm

3. Formen in KachelKunst

Mit einfachen Formen lassen sich erstaunlich komplexe Bilder bauen.

• Quadrat: vier gleich lange Seiten, alle Winkel 90°.
• Kreis: alle Punkte haben den gleichen Abstand zum Mittelpunkt.
• Dreieck: drei Ecken, drei Seiten. In der App kannst du die Spitze ausrichten.
• Raute: alle Seiten gleich lang, aber nicht rechtwinklig.
• Rechteck: vier Ecken mit 90°, aber Seiten können verschieden lang sein.
• Ellipse: „gestreckter Kreis“ – z. B. breit oder hoch.
• Halbkreis / Viertelkreis: Teile eines Kreises, mit abgerundeter Seite.
• Punkt: sehr kleine, runde Form – gut für Augen oder Markierungen.
• Linie / Diagonale: schmale Balken, die eine Richtung zeigen.

4. Symmetrie im Raster

Viele Aufgaben in KachelKunst nutzen Symmetrie – das ist Mathe und Gestaltung gleichzeitig.

• Spiegelsymmetrie: Wenn du ein Bild an einer Linie spiegeln kannst und beide Seiten gleich aussehen (z. B. linke und rechte Hälfte).
• Rotationssymmetrie: Ein Bild sieht nach einer Drehung (z. B. 90° oder 180°) gleich aus.
• Im Raster kannst du prüfen: „Was passiert, wenn ich Zeilen und Spalten vertausche?“ oder „Wie müsste das Muster aussehen, damit man es um 90° drehen kann und es gleich bleibt?“

5. Was ist JSON?

JSON ist eine Art „Speichersprache“, mit der Computer Daten strukturiert festhalten.

• JSON steht für JavaScript Object Notation.
• Es ist ein Textformat – also einfach lesbarer Text.
• JSON benutzt Klammern, Doppelpunkt und Anführungszeichen, um Daten zu ordnen.
• In KachelKunst speichern wir z. B.:
  • Welche Form in einer Kachel liegt
  • Welche Farbe sie hat
  • Bei Dreiecken: welche Ausrichtung sie haben

In der App musst du den JSON-Code nicht selbst programmieren, aber du kannst ihn ansehen – so siehst du, wie Computer dein Raster „denken“.

6. Export und Import – was passiert da eigentlich?

Export und Import sind zwei Richtungen für Daten:

• Export: Die App gibt Daten nach außen. Beispiel: Dein Raster wird als JSON oder PNG gespeichert.
• Import: Die App liest Daten von außen ein. Beispiel: Du fügst JSON in das Textfeld ein und die App baut das Raster daraus wieder auf.
• JSON-Export ist praktisch, wenn du:
  • Aufgaben mit anderen teilen willst,
  • ein Muster später weiterbearbeiten möchtest,
  • eine kleine Vorlagenbibliothek aufbauen willst.
• PNG-Export ist praktisch, wenn du:
  • Arbeitsblätter gestaltest,
  • Präsentationen erstellst,
  • Muster als Bilder in andere Programme einfügen möchtest.

7. Wie speichere ich JSON-Dateien?

So kannst du die JSON-Daten aus der App in eine Datei retten.

1. Lege dein Muster in der App an.
2. Klicke auf „JSON exportieren“.
3. Markiere den Text im großen Feld (Strg+A, dann Strg+C).
4. Öffne einen einfachen Texteditor (z. B. Editor, Notepad, VS Code).
5. Füge den Text ein (Strg+V) und speichere ihn als Datei, z. B. stern-level1.json.
6. Wenn du die Datei später wieder öffnen und in die App kopierst, kannst du das Design rekonstruieren.

Lehrkräfte können so eigene Aufgaben vorbereiten und den JSON-Code zum Beispiel in ein internes Materialarchiv legen.

8. Verbindung zu anderen Fächern

• Mathematik: Symmetrie, Koordinaten, Muster, Flächen, Zählen von Kacheln.
• Informatik / Medienbildung: Datenformate (JSON), Rastergrafik, Algorithmen (Wie prüft die App, ob eine Lösung stimmt?).
• Kunst: Farbkontraste, Pixel-Art, abstrakte Muster, Gestaltung mit wenigen Grundformen.
• Sprachunterricht: Aufgaben können beschreibend formuliert werden („Lege ein rotes Herz mit schwarzem Rand …“), Schüler:innen formulieren selbst Anleitungen für andere.