Lösung: COLOR - Farben bestimmen
Aufgabe 1
Step 1
Zunächst muss der COLOR Farbsensor mit einem Grove Kabel an Port A des M5Stacks angeschlossen werden.

Step 2
Nun kann mit der Programmierung in UI Flow begonnen werden.
Der Startpunkt des Programms ist der Setup Block. Da das Programm mehrfach ausgeführt werden soll, wird eine Schleife benötigt.

Step 3
Um am Bildschirm des M5Stacks anzeigen zu können, aus welchen roten, grünen und blauen Bestandteilen die Farbe zusammengebaut ist, werden drei Textlabel benötigt. Diese sollen dann die jeweiligen Farbbestandteile anzeigen.

Gesamt
Die fertige Aufgabe sieht wie folgt aus:

Step 1
Zunächst muss der COLOR Farbsensor mit einem Grove Kabel an Port A des M5Stacks
angeschlossen werden.

Das Grundgerüst besteht aus dem Setup und dem Loop Teil. Im Setup teil werden
Variablen initialisiert. Im Loop Teil werden Bausteine in einer Schleife ausgeführt.

Step 2
Im Setup Teil wird der Sensor(blau) und eine Variable color_0 (grün) initialisiert.

Step 3
Es muss ein Label erstellt werden, welchem dann im Loop teil ein Text zugewiesen wird.

Step 4
Um am Bildschirm des M5Stacks anzeigen zu können, aus welchen roten, grünen und
blauen Bestandteilen die Farbe zusammengebaut ist, werden drei Textlabel benötigt.
Dem Text des Labels wird hier der Rotanteil der vom Sensor gemessenen Farbe
zugewiesen.

Step 5
Es werden zwei weitere Labels für den Grün- und Blauanteil erstellt.

Gesamt
Die fertige Aufgabe sieht wie folgt aus:

Aufgabe 2
Step 1
Zunächst muss der COLOR Farbsensor mit einem Grove Kabel an Port A des M5Stacks angeschlossen werden.

Step 2
Nun kann mit der Programmierung in UI Flow begonnen werden.
Der Startpunkt des Programms ist der Setup Block. Da das Programm mehrfach ausgeführt werden soll, wird eine Schleife benötigt.

Step 3
Um am Bildschirm des M5Stacks anzeigen zu können, aus welchen roten, grünen und blauen Bestandteilen die Farbe zusammengebaut ist, werden drei Textlabel benötigt. Diese sollen dann die jeweiligen Farbbestandteile anzeigen.

Step 4
Um am Bildschirm des M5Stacks anzeigen zu können, aus welchen roten, grünen und blauen Bestandteilen die Farbe zusammengebaut ist, werden drei Textlabel benötigt. Diese sollen dann die jeweiligen Farbbestandteile anzeigen.

Gesamt
Die fertige Aufgabe sieht wie folgt aus:

Step 1
Zunächst muss der COLOR Farbsensor mit einem Grove Kabel an Port A des M5Stacks
angeschlossen werden.

Das Grundgerüst besteht aus dem Setup und dem Loop Teil. Im Setup teil werden
Variablen initialisiert. Im Loop Teil werden Bausteine in einer Schleife ausgeführt.

Step 2
Im Setup Teil wird der Sensor(blau) und eine Variable (grün) initalisiert.

Step 3
Im Loop Teil wird ein Label erstellt um die Farbanteile am Bildschirm des M5Stacks
anzuzeigen

Step 4
Um am Bildschirm des M5Stacks anzeigen zu können, aus welchen roten, grünen und
blauen Bestandteilen die Farbe zusammengebaut ist, werden drei Textlabel benötigt.
Dem Text des Labels wird hier der Rotanteil der vom Sensor gemessenen Farbe
zugewiesen.

Step 5
Es werden zwei weitere Labels für den Grün- und Blauanteil erstellt.

Step 6
Damit am Bildschirm auch noch ein Dreieck angezeigt wird, das die Farbe des Objekts
hat, auf die der Sensor zeigt, muss ein Dreieck auf den Bildschirm erstellt werden
werden.

Step 7
Für das Anzeigen der Farben wird jeweils ein RGB-Color Baustein benötigt.

Step 8
In die R,G und B Felder wird jeweils der R,G und B Anteil der gemessenen Farbe
eingefügt.

Gesamt
Die fertige Aufgabe sieht wie folgt aus:
