Wskazówki dla nauczycieli: kolorowanie w JS

Czego uczniowie się nauczą

• Jak użyć polecenia background() do zmiany koloru całego płótna.
• Jak używać polecenia fill() do zmiany koloru kształtów i stroke() do zmiany krawędzi.
• Jak używać strokeWeight() oraz noStroke() do modyfikacji grubości krawędzi.
• Krótkie omówienie palety kolorów RGB (Red-Green-Blue: czerwony-zielony-niebieski) i narzędzia do wybierania kolorów.
• Waga sprawdzania dokumentacji funkcji, by zapamiętać jak jej używać, szczególnie pracując nad projektami.

Uczniowie nauczą się pisać kod taki jak:

Z czym uczniowie mają kłopoty

• Uczniowie często zmagają się z kolejnością poleceń. Zawsze, wpierw muszą wywołać funkcje nadające kolor, przed narysowaniem kształtów które chcą by zostały pokolorowane. Zachęć ich do przykładania wagi do kolejności i spróbuj poprzesuwać linie kodu (skopiuj/wklej) by zobaczyć co się stanie.
• Uczniowie czasami mylą fill() oraz stroke(), szczególnie przy liniach. Linie nie mają wypełnienia, zatem muszą być kolorowane za pomocą stroke().

Dodatkowe materiały: pytania do dyskusji

• Jak często łapiesz się na tym, że samemu sięgasz do dokumentacji? Czy przewijasz stronę do niej, czy, czy otwierasz ją w nowej karcie?
• Czy widziałeś gdziekolwiek indziej użyty schemat kolorów RGB? Czy widziałeś inny sposób, w jaki komputery opisują kolory (np. HSB, czy HSV)?
• Czy mieszasz kolory, gdy malujesz? Czym to się różni od wybierania koloru, gdy programujesz?

Dodatkowe materiały: pytania i ciekawostki