Tanári útmutató: Bevezetés a JS-be – Színezés

Mit fognak megtanulni a diákok?

• Hogyan használhatják a background() parancsot a teljes rajzvászon színének megváltoztatására.
• Hogyan használhatják a fill() parancsot az alakzatok színének megváltoztatására, és a stroke() parancsot az alakzatok kontúrszínének megváltoztatására.
• Hogyan használhatják a strokeWeight() és a noStroke() parancsokat a körvonalak módosítására.
• Röviden bemutatjuk az RGB (Red-Green-Blue, azaz Piros-Zöld-Kék) színsémát, és a színválasztó használatát.
• Megtudhatják, miért fontos a függvényeknek utánanézni a dokumentációban, hogy ne felejtsék el, hogyan kell őket használni, különösen projektfeladatok esetén.

A diákok az alábbiakhoz hasonló kódok megírására lesznek képesek:

Mi okozhat nehézséget a diákoknak?

• A diákoknak gyakran nehézséget okoz a parancsok sorrendje. A színváltoztató függvényeket még a színezni kívánt alakzatok megrajzolása előtt kell meghívniuk. Biztasd őket arra, hogy alaposan gondolják át a kódok sorrendjét, és próbálják a kódsorokat átrendezni (másolás/beillesztés), hogy lássák, mi történik.
• A diákok néha összekeverik a fill() és a stroke() használatát, különösen vonalak esetében – a vonalaknak nincsen kitöltése, ezért a stroke() használatával kell színezni őket.

Kiegészítő módszer: Vitaindító kérdések

• Milyen gyakran használod a dokumentációt? Az elolvasásához inkább legörgetsz, vagy megnyitod egy új fülön?
• Láttad már máshol is használatban az RGB (Red-Green-Blue, azaz Piros-Zöld-Kék) színsémát? Láttál már más megoldást a színek számítógép által való leírására? (Két példa: HSB – Hue, Saturation, Brightness, és HSV – Hue, Saturation, Value.)
• Festés közben hogyan kevered a színeket? Mennyiben különbözik ez attól, mint amikor programozás közben adsz meg egy színt?

Kiegészítő módszer: Villámkérdések