Kunst met Pixels
Filter voor je foto's

Introductie

Welkom terug, In deze les gaan we leren hoe je met HOF's de pixels, de data uit een afbeelding kunt wijzigen en transformeren. Je leert grafische filters voor je foto's te maken. Voor deze les heb je uiteraard een bijzondere foto nodig, een foto van jezelf...een selfie. Vanuit de categorie "sensing" sleep je dit
blok in het script veld. Zet de schakelaar, predikaat aan/uit op aan
, de webcam wordt ingeschakeld, video wordt zichtbaar op het podium.
De video heeft een melkachtige kleur als gevolg van de 50% standaard hoeveelheid transparantie. De hoveelheid transparatie kun je wijzigen met dit
blok. Zet de transparantie op een hoeveelheid van 0%. Om een selfie te maken sleep je dit
blok in je script veld. Selecteer als input opties
. Lach naar de camera, klik met de muis op dit blok om een selfie te maken. Plaats, wijs dit blok toe aan de nieuw te maken variabele "my photo".
. Wijzig met het
blok je kostuum naar de variabele "my photo". Zet je webcam uit met
.

Swab Color

Sleep uit de "looks" categorie dit
blok in je script veld. Plaats in het tweede input veld de variabele reporter "my photo".
. Wanneer je met de muis op dit blok klikt zal de tekstballon de breedte van de foto in pixels weergeven. Selecteer de optie "pixels" uit het eerste "dropdown" menu. De tekstballon zal een lijst met alle pixels in RGBA van de foto weergeven. Herinner je het RGBA kleurensysteem? RGBA staat voor de kleuren rood, groen en blauw. Het vierde kanaal is het alpha kanaal, de transparantie, doorzichtigheid van de desbetreffende pixel.
Maak de variabele "my pixel", wijs de eerste pixel uit de pixel lijst toe aan deze variabele. Op het podium wordt de RGBA waarde van de pixel in een lijst weergegeven.
Voor het eerste grafische effect verwisselen we de kleur kanalen van onze selfie. Maak het nieuwe blok. Kun je uit de afbeelding opmaken dat de RGBA kleurkanalen verwisseld zijn? Welke kleurkanalen wel en welke kleurkanalen niet?
Het pixel blok
  • Test het nieuwe pixel blok
​
​
Het verwisselen van de kleurkanalen, niet voor één pixel maar voor alle pixels uit de selfie kunnen we doen met het "for each" blok. De pixels uit onze foto is een lijst met getallen...herinner de HOF funties "Keep, Map, Combine"? Plaats de functie
in een "map" blok. Pas deze funtie toe over alle pixels van je selfie als volgt:
Plaats de lijst in een "switch to costume" blok. Klik met de muis op dit blok.Wauw!
Bespreek en voorspel de uitkomst van de twee het scripts die je hieronder ziet staan.
  • ​
    ​
  • ​
    ​

Negatief-effect

Het tweede effect is het negatief-effect. Kunnen we een negatieve afdruk van onze selfie maken? In het negatief-effect trek je de RGB waarde in het RGBA kleursysteem af van de maximum waarde van 255. Bouw en bespreek met elkaar onderstaande script.
Negatief-effect
Plaats het script in een "switch to costume" blok.

Posterize-effect

Het Posterize-effect is een effect waarbij alle pixels van een afbeelding door het toekennen van drempelwaarden vervangen worden door drie kleuren. Wij kiezen voor de kleuren rood, geel en blauw. Voor het vinden van de RGB waarde voor deze drie kleuren ga je naar deze website. Zoek en schrijf de RGB waarden voor de kleuren rood, geel en blauw op. Voordat we het script maken...bekijk je selfie-foto nog eens goed. Welke kleurkanaal in RGBA is in de foto, het meest prominent aanwezig? In mijn foto is dat de kleur groen, het tweede kleurkanaal.
Selfie
Bouw, test en bespreek met elkaar het volgende script.
Posterize script
Dit script resulteert in een lijst met de nieuwe RGBA waarden. Pas het script toe op het kostuum.
Experimenteer in het kiezen van andere kleurkanalen en andere drempelwaarden. Wanneer je teverden bent met het eindresultaat kun je de foto uitprinten op mooi papier, inlijsten en aan de muur ophangen of gebruik de foto in sociale media als profielfoto. Je kunt de foto ook importeren in "Turtle Stitch" een speciale versie (Fork) van Snap!. Turtle Stitch maakt het mogelijk de foto op t-shirt of tas te borduren.
Jadga

Probeer meer

  1. 1.
    Maak het effect van een zonsondergang. Verhoog in de foto relatief voor elke pixel de waarden van de kleuren rood en geel. De kleuren rood en geel zijn een mengverhouding van de kleuren rood en groen. Hieronder zie je dit effect toegepast op een foto van de "Wicklow Mountains" in Ierland.
2. Ga terug in de tijd: Maak voor je foto een sepia en/of grijstinten foto filter.
In het RGBA kleurensysyteem vertegenwoordigen de getallen (0, 0, 0, 255) de kleur zwart en de getallen (255, 255, 255, 255) de kleur wit. Met gelijke getallen tussen de kleurkanalen maak je de verschillende grijstinten. Lage getallen maakt de kleur donkergrijs, een hoog getal geeft je lichtere grijswaarden. Bekijk ondersaande afbeelding.
Grijstinten
Het Sepia-effect is van oorsprong een chemisch proces dat binnen de analoge zwart/wit fotografie werd toegepast, het geeft de foto een rood/bruine kleur. RGB: (112, 66, 20), A: varieer hier met het apha kanaal.
3. Maak een animatie van het Posterize-effect.
Onderstaand script kan je daarbij helpen. Wanneer je een animatie van effecten wilt maken doet dat een groot beroep op het rekenvermogen van de computer. Bij elke verandering van in dit geval de positie van de muis berekend de computer elke keer de nieuwe RGBA waarden. Om dit proces beheersbaar te houden kun je het script "compilen", klik hiervoor met de rechtermuisknop op het "map" functie blok en selecteer de optie "compile".
  • ​
    ​

Testopgaven

  1. 1.
    Welke getallen in het RGBA kleursysteem geeft de kleur wit?
  • 0, 0, 0, 0
  • 0, 0, 0, 255
  • 255, 255, 255, 0
  • 255, 255, 255, 255
2. Welk script reulteert in een zwart/wit foto?
  • ​
    ​
  • ​
    ​
  • ​
    ​
  • ​
    ​
3. Op welke manieren kan ik een foto (selfie) maken in Snap!? Er zijn twee goede antwoorden.
  • Via de optie "webcam" in het tabblad "Costumes".
  • Door het keizen van de "snap" optie in het "video_on" reporter blok, in de categorie "sensing".
  • Door met de rechtermuisknop op de sprite te klikken en de optie "webcam" te selecteren
  • Door gebruik van het "snapshot" blok en de categorie "Operators"
​
​
​
​
​
Last modified 1yr ago