lehrkraefte:blc:informatik:glf20:pixelundfarben

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
lehrkraefte:blc:informatik:glf20:pixelundfarben [2020/12/08 08:03] – [Farben] Ivo Blöchligerlehrkraefte:blc:informatik:glf20:pixelundfarben [2020/12/08 08:03] (current) – Ivo Blöchliger
Line 1: Line 1:
 +====== Pixel und Farben ======
 +Die OxoCard hat 8x8=64 Pixel, auch Bildpunkte genannt. 
  
 +===== Farben =====
 +Jeder Punkt kann (fast) beliebige Farben darstellen. Diese werden mit einer Liste mit runden Klammern aus den Lichtintensitäten **rot, grün, blau** zusammengesetzt. Die Intesitäten sind immer ganze Zahlen zwischen 0 und 255 (also genau 1 Byte).
 +
 +Z.B. ist (255,0,0) rot, (0,255,0) grün, (0,0,255) ist blau und (255,255,255) weiss. Folgende 8 Farben sind schon vordefiniert (alles Grossbuchstaben):
 +  RED, GREEN, BLUE, YELLOW, MAGENTA, CYAN, BLACK, WHITE
 +
 +Wer möchte, kann sich dieses kleine [[https://www.youtube.com/watch?v=NebvhMY9DU4|Video-Tutorial zum RGB-Farbmodell]] anschauen.
 +===== Pixel ansteuern =====
 +Die Koordinaten laufen von 0 bis und mit 7, die $x$-Achse von links nach rechts, und die $y$-Achse von **oben nach unten**.
 +
 +<WRAP todo>
 +Testen, verstehen und modifizieren Sie folgendes Programm:
 +<code python>
 +from oxocard import *
 +dot(0,0,RED)
 +dot(7,0,GREEN)
 +dot(0,7,BLUE)
 +dot(7,7,(255,20,100))
 +</code>
 +</WRAP>
 +
 +<WRAP todo>
 +Mit Hilfe einer for-Schlaufe erzeugen Sie folgendes Bild: {{:lehrkraefte:blc:informatik:glf20:oxocard-3lines-rgb.png?nolink|}}
 +</WRAP>
 +
 +<WRAP todo>
 +Fahren Sie weiter mit [[lehrkraefte:blc:informatik:glf20:tasten|Tasten mit der ivobuttons-Bibliothek]].
 +</WRAP>
 +===== Zusatzaufgaben =====
 +<WRAP todo>
 +Erzeugen Sie folgendes Bild: {{:lehrkraefte:blc:informatik:glf20:oxocard-gradient-rgb.png?nolink|}}
 +
 +Hinweise: 
 +  * Verwenden Sie zwei verschachtelte for-Schleifen, um alle Pixel durchzugehen. 
 +  * Die Farbintensität von Rot nimmt von links nach rechts zu. Berechnen Sie diese aus der $x$-Koordinate so, dass diese zwischen 0 und 255 liegt.
 +  * Die Farbintensität von Grün nimmt von oben nach unten zu. Berechnen Sie diese aus der $y$-Koordinate so, dass diese zwischen 0 und 255 liegt.
 +</WRAP>
 +
 +<WRAP todo>
 +Erzeugen Sie folgendes Bild: {{:lehrkraefte:blc:informatik:glf20:oxocard-swisscross.png?nolink|}}
 +
 +Als Inspiration kann folgende Dokumentation herhalten: https://www.tigerjython4kids.ch/index.php?inhalt_links=robotik/navigation.inc.php&inhalt_mitte=robotik/oxocard/display.inc.php
 +
 +</WRAP>