Punt uit!
Maak een zelfportret
Welkom terug bij week twee van de cursus "From Media Computation to Data Science". Deze week draait alles om cijfers. In de eerste week hebben we vooral gekeken naar de ruwe bouwstenen de fundamenten van de verschillende media die er zijn.
Deze week gaan we deze media, data, omzetten in getallen. Wanneer je de context uit media verwijderd, media tot louter getallen reduceerd kunnen we er eigenlijk alles mee gaan doen, bijvoorbeeld door er een nieuwe een andere context aan te verbinden.
De eerste stappen die we daarin gaan nemen is een korte kennismaking met het kleursyteem van de pen categorie in Snap!
De orginele video voorzien van een Nederlandse ondertiteling kun je hier bekijken.
Bouw eerst dit script.
HSV kleursysteem aan het werk.
  • Om de ronde penpunt te veranderen in een vierkante penpunt: klik eerst op
    .
  • Daarna maak je eerst het podium leeg en reset je de sprite door op het script eronder te klikken.
  • Klik op het script aan de linkerzijde: kijk goed naar het podium en laat de magie zijn werk doen.
Snap! gebruikt het HSV kleursysteem, HSV staat voor "Hue, Saturation en Value". Hue staat voor de kleur. Saturation voor de vezadiging, dit geeft de aanwezige hoeveelheid van de kleur aan. Value staat voor de helderheid van een gekozen kleur. Binnen het HSV kleursysteem van Snap! is 0, rood de minimum waarde en honderd, opnieuw rood de maximum waarde. Alle andere kleuren bevinden zich binnen deze schaalverdeling.
  • Bespreek met elkaar de werking van dit script, bespreek en maak een beschrijving in pseudo-code.
  • kopieer dit script tweemaal, verander de eerste kopie van de scripts zodat je de verandering in verzadiging krijgt te zien.
  • Het derde script gebruik je om de verandering in helderheid op het podium zichtbaar te maken.
Verzadiging, kleur en helderheid. (HSV)

Confetti

Om straks een zelfpotret te kunnen maken...gaan we eerst vrolijke confetti maken. Open eerst een nieuw Snap! betand en maak daar een begin met deze blokken.
Kleur, verzadiging en helderheid (HSV)
  • Bedenk door gebruik te maken van onderstaande blokken zelf een script waarbij het hele podium met confetti gevuld is.
  • Denk hier aan de te nemen stappen: 1. ga naar een willekeurige positie. 2. de willekeurige kleur heb je met het script hierboven al cadeau gekregen.
  • Met de blokken die je hieronder ziet staan kun je het script verder afmaken
  • ... als laatste gebruik je het "forever" blok.
​
Spoiler alert: oplossing

Pointilisme zelfportret

Maak een tweede nieuwe sprite aan:
. Hernoem deze naar foto en maak de foto niet sleepbaar:
Herbenoem, niet sleepbaar
Als kostuum importeer je een mooie selfie van jezelf. Hieronder zie je alvast die van mij.
Ga nu terug naar de eerste sprite. We gaan waarnemen uit welke HSV kleuren onze selfie in onze foto sprite is opgemaakt.
Pak het blok dat je hieronder ziet staan uit de sensing categorie een plaats deze op je scriptveld. Kies uit het "dropdown" menu van dit blok --> "myself". Met dit blok neemt de sprite de Hue waarde op zijn positie waar. Versleep met de muis de sprite naar een andere positie op je foto, klik vervolgens op het Hue sensing blok wat je zojuist aangemaakt hebt. Een getal zal in de tekstballon van het Hue sensing blok verschijnen. Herhaal deze stap een paar keer ter controle.
  • Vervang de "pick random" blokken uit respectievelijk set Hue, set Saturation en set Brightness blokken door "hue at myself", "saturation at myself" en "brightness at my self"
  • Sleep alle blokken uit de "forever" loop.
  • Klik herhaaldelijk op het script en kijk naar de kleur verandering van je sprite.
  • Wanneer dit werkt sleep je al deze blokken weer terug in de "forever" loop.
Sensing HSV
Ga naar de foto sprite. Pak uit de "looks" categorie het blok:
en stel de waarde in op 100. Je foto zal daardoor niet meer zichtbaar zijn.
Ga terug naar sprite 1 en controleer of je het volgende script hebt klaar staan? Doordat dit script veel rekenkracht van de computer vraagt voeg je "set turbo mode to"
bovenaan het script toe. Run je script.
Om de resolutie van deze tekening te kunnen verhogen, stel je de pengrootte kleiner in. Dit script nodigt uit om te gaan expirimenteren. Bijvoorbeeld door het aantal stappen te verhogen, te draaien of door niet de turtle als sprite kostuum te kiezen maar bijvoorbeeld je eigen naam.

Probeer meer.

Wat kun jij bedenken? Experimenteer met verschillende vormen, met verschillende woorden. Experimenteer door HSV waarde te veranderen, verander de helderheid in relatie tot het middenpunt van het podium, "set flat lines" aan/uit. Verander de draairichting, verander de pengrootte.
Werk met verschillende vormen.
Verander de HSV waarde
Dit is een "pointillistische" representatie van Albrecht DΓΌrers "Een jonge veldhaas", gemaakt van de tekst van het Wikipedia-artikel. Probeer een eigen foto te maken, bijvoorbeeld van een kunstwerk of je favoriete gedicht.

Testopgaven

  1. 1.
    Welke HSV waarden geven deze sprite zijn lichtblauwe kleur?
  • Hue 10, saturation 30, brightness 100
  • Hue 55, saturation 100, brightness 30
  • Hue 55, saturation 30, brightness 100
  • Hue 55, saturation 30, brightness 50
2. Met welk blok plaats je de sprite naar de bovenste laag?
  • ​
    ​
  • ​
    ​
  • ​
    ​
  • ​
    ​
3. Welke script geeft de sprite dit kleureffect?
  • ​
    ​
  • ​
    ​
  • ​
    ​
  • ​
    ​
4. Welk kleursysteem gebruikt Snap! in de categorie pen?
  • CMYK
  • RGB
  • HSV
  • CIECAM02
5. Met welke script kun je de deze vorm maken? Let op: er zijn twee goede antwoorden mogelijk.
  • ​
    ​
  • ​
    ​
  • ​
    ​
  • ​
    ​
Last modified 11mo ago