Medien & Informatik · Reihe · Klasse 5/6
Pixelgrafiken
Ganz nah dran ist jedes Bild ein Haufen Kästchen. Acht kurze Lektionen zeigen, was ein Pixel ist, wie aus Nullen und Einsen ein Bild wird, warum Farben so viel Platz brauchen – und was das mit dem Ruckeln beim Zocken zu tun hat. Mit Pixel-Editor, Farbmischer und fps-Vergleich, direkt im Browser.
Nach der Reihe
Was die Klasse danach kann
Sagen, was ein Pixel ist
Ein Kästchen mit genau einer Farbe – und drei winzige Lämpchen dahinter.
Ein Bild als Bits schreiben
Ein 8×8-Bild in Schwarz-Weiß ist eine Folge von 64 Nullen und Einsen – 8 Byte.
Farben mischen
Rot, Grün und Blau, je 256 Stufen: 16,7 Millionen Farben aus drei Zahlen.
Größen abschätzen
Breite × Höhe × Farbtiefe – warum ein Foto roh 36 MB hat und die Grafikkarte beim Zocken schwitzt.
Zwei Wege durch die Reihe
Allein arbeiten oder gemeinsam durchgehen
Beides funktioniert ohne Anmeldung, ohne Namen und ohne Konto. Im gesteuerten Weg sieht die Lehrkraft, wo die Klasse steht, und kann geschriebene Antworten an den Beamer legen – und am Ende alle Antworten als PDF sichern.
Selbstständig lernen
Jede und jeder im eigenen Tempo. Kein Raum, keine Anmeldung, keine Verbindung nach außen.
- Direkt loslegen – oder einen Link und QR-Code für die Klasse erzeugen
- Der Fortschritt bleibt im Browser des jeweiligen Geräts
- Alle Tafelbilder lassen sich allein ausprobieren
Deine Lehrkraft hat einen Raum geöffnet? Hier trittst du bei.
Von der Lehrkraft gesteuert
Die Lehrkraft öffnet einen Raum. Die Klasse tritt per QR-Code bei und geht gemeinsam durch die Lektionen.
- Geschriebene Antworten gemeinsam an der Wand lesen 📽
- Die ganze Klasse mit einem Tipp zu einer Lektion mitnehmen
- Tafelbilder am Beamer zeigen, Geräte anhalten
- Am Ende alle Antworten als PDF – ohne Namen, mit Tier-Kennung
| Lektion | Min. | Worum es geht |
|---|---|---|
| 1 · Ganz nah dran | 25 | Pixel und Subpixel unter der Lupe. |
| 2 · Bilder aus 0 und 1 | 30 | Muster mit 0 und 1 beschreiben, dann selbst malen. |
| 3 · Pixel verschicken | 25 | Partnerspiel: Bits diktieren, Bild empfangen. |
| 4 · Mehr Farben | 25 | Farbtabellen: 2 Bit = 4 Farben, 4 Bit = 16 Farben. |
| 5 · Der Farbmischer | 35 | RGB mischen, Farbaufgaben lösen, Farbcodes verstehen. |
| 6 · Wie groß ist ein Bild? | 25 | Breite × Höhe × Farbtiefe = Bytes. Megapixel und JPG. |
| 7 · Bildschirm und Zocken | 30 | Auflösung, fps und die Datenmenge beim Zocken. |
| 8 · Der Pixel-Check | 20 | Rückblick, Abschlusstest und ein Satz für die Wand. |
Vorbereitung
Was Sie vorher wissen sollten
Beamer und Lupe
Lektion 1 lebt von der echten Lupe am Bildschirm: Ein Handy oder ein Beamer, eine Lupe – und die Subpixel sind zu sehen.
Zwei bis drei Stunden
Acht Lektionen ergeben rund 175 Minuten. Lektion 6 und 7 lassen sich zusammenlegen.
Häuschenpapier
Für Lektion 2 und 3 lohnt sich Kästchenpapier: Erst auf Papier malen, dann in den Editor tippen.
Kein Nachbau
Alle Motive und Beispiele der Reihe sind eigene – die Klasse darf und soll ihre eigenen erfinden.
Für Lehrkräfte
Lösungen
Unten die gefüllten Hefteinträge zum Nachschlagen; das Lösungs-PDF enthält jede Aufgabe der Reihe mit Lösung und den Erwartungshorizont zu den Schreibfeldern.
Hefteinträge und Lösungen anzeigen
- Lektion 1 Ein Pixel ist das kleinste Kästchen eines Bildes. Es hat genau eine Farbe. Das Herz im Tafelbild hat 12 × 12 = 144 Pixel. In jedem Bildschirm-Pixel stecken drei Lämpchen, die Subpixel: rot, grün und blau.
- Lektion 2 Ein Schwarz-Weiß-Bild wird als Folge von 0 und 1 gespeichert: 1 = Kästchen an, 0 = Kästchen aus. Gelesen wird Zeile für Zeile, von links nach rechts. 8 × 8 Kästchen = 64 Bit = 8 Byte. Mein eigenes Bild: (eigene Zeichnung und acht Bitzeilen).
- Lektion 3 Ein Bild reist als Bits (Nullen und Einsen) durch die Leitung, nicht als Bild. Kippt ein Bit, ist genau ein Kästchen falsch. Fehlt ein Bit, verschiebt sich alles dahinter. Unser Fehler in Runde 2 lag in Zeile (eigene Zahl).
- Lektion 4 Mit 2 Bit je Kästchen gibt es 4 Farben, mit 4 Bit 16, mit 8 Bit 256. Die Farbtabelle sagt, welche Bits welche Farbe bedeuten. In unserer 2-Bit-Tabelle ist 11 = Gelb. Ein 8×8-Bild braucht in Schwarz-Weiß 8 Byte, mit 4 Farben 16 Byte, mit 16 Farben 32 Byte.
- Lektion 5 Jede Farbe wird aus Rot, Grün und Blau gemischt, je 0 bis 255. Gelb = Rot 255, Grün 255, Blau 0. Weiß = alle drei auf 255. Ein Pixel braucht 3 Byte = 24 Bit. Das ergibt 16,7 Millionen Farben. Der Hex-Code von Gelb: #ffff00. Der Hex-Code der Website-Farbe Koralle: #f97c5f.
- Lektion 6 Breite × Höhe = Pixel. Pixel × Bits je Pixel = Bits. Bits ÷ 8 = Byte. Ein Handyfoto hat 4000 × 3000 = 12 Megapixel. Roh sind das 36 MB, als JPG etwa 3 MB. JPG lässt weg, was das Auge kaum sieht.
- Lektion 7 Ein Full-HD-Bildschirm hat 1920 × 1080 Pixel. Das nennt man Auflösung. fps heißt Bilder je Sekunde. Ein Spiel hat meist 30 oder 60. Ein Full-HD-Bild wiegt 6,2 MB. 60 davon je Sekunde sind 373 MB. Ruckelt es, hilft: Auflösung runter oder fps runter.
- Lektion 8 Ein Pixel ist wie (eigener Vergleich: ein Kästchen, ein Legostein, ein Mosaikstein). Ganz viele davon zusammen ergeben ein Bild.
Lösungen als PDF A4, mit Kopf- und Fußzeile – Lösungen zu allen Aufgaben, gefüllte Hefteinträge, Erwartungshorizont der Schreibfelder.
Datenschutz
Ohne Namen, ohne Konto
Die Klasse braucht keine Anmeldung. Wer einem Raum beitritt, bekommt ein Tier und eine Farbe als Kennung – kein Name, keine Klassenliste, keine E-Mail-Adresse. Geschriebene Antworten liegen nur, solange der Raum läuft, und verschwinden mit ihm. Was in den Tafelbildern passiert, bleibt im Browser.
