Workshop 3

Workshop 3

Wat gaan we vandaag doen?
1 / 24
volgende
Slide 1: Tekstslide
InformaticaMiddelbare schoolvmbo tLeerjaar 2

In deze les zitten 24 slides, met interactieve quizzen en tekstslides.

Onderdelen in deze les

Workshop 3

Wat gaan we vandaag doen?

Slide 1 - Tekstslide

Herhaling vorige week

Pixels, RGB, Coördinatensysteem en de basisvormen uitgelegd

3 voorwerpen gecodeerd

Slide 2 - Tekstslide

Quiz!
RGB

Slide 3 - Tekstslide


Waar staat RGB voor?
A
Roze, Grijs, Bruin
B
Rood, Groen, Blauw
C
Rood, Geel, Blauw
D
Roze, Grijs, Blauw

Slide 4 - Quizvraag

Wat is de maximale waarde van een kleur?
A
233
B
150
C
245
D
255

Slide 5 - Quizvraag

Welke kleur is dit?
(0,255,0)
A
Blauw
B
Groen
C
Rood
D
Zwart

Slide 6 - Quizvraag

Welke kleur is dit?
(255,0,255)
A
Roze
B
Oranje
C
Paars
D
Blauw

Slide 7 - Quizvraag

Welke kleur is dit?
(255,255,255)
A
Wit
B
Grijs
C
Zwart
D
Oranje

Slide 8 - Quizvraag

Quiz!
Coördinatensysteem

Slide 9 - Tekstslide


Wat is de coördinaat van het bolletje?
A
(4,5)
B
(2,3)
C
(1,3)
D
(3,1)

Slide 10 - Quizvraag


Wat is de coördinaat van het bolletje?
A
(4,3)
B
(3,4)
C
(3,5)
D
(2,3)

Slide 11 - Quizvraag

X en Y
ellipse: x en y van het midden
rect: x en y van linksboven

Slide 12 - Tekstslide

Volgorde coding

Lagen

Wat bovenaan staat gebeurd eerst

Code overschrijft elkaar


Slide 13 - Tekstslide

Quiz!

Slide 14 - Tekstslide


Welke kleur word de ellipse?
A
Rood
B
Groen

Slide 15 - Quizvraag


Welke kleur wordt de rectangle
A
Wit
B
Zwart
C
Paars
D
Bruin

Slide 16 - Quizvraag


Geef de juiste code voor de afbeelding
A
ellipse(50,50,50,50) rect(50,50,50,50)
B
rect(50,50,50,50) ellipse(50,50,50,50)
C
ellipse(50,50,50,50) rect(75,75,50,50)
D
rect(75,75,50,50) ellipse(50,50,50,50)

Slide 17 - Quizvraag


Geef de juiste code voor de afbeelding
A
ellipse(50,50,50,50) rect(50,50,50,50)
B
rect(50,50,50,50) ellipse(50,50,50,50)
C
rect(25,25,50,50) ellipse(50,50,50,50)
D
ellipse(50,50,50,50) rect(25,25,50,50)

Slide 18 - Quizvraag

Progamma structuur
Alles in de draw zetten, tussen de {  }

Slide 19 - Tekstslide

Comments voor overzicht
Gebruik comments bovenaan je
vormen voor overzicht

//comment

zie voorbeeld rechts


Slide 20 - Tekstslide

Inloggen account
Ga naar de site:
editor.p5js.org

klik op Log in

gebruikersnaam: pixelfy
wachtwoord: codeisleuk

Slide 21 - Tekstslide

Eigen werk
  • Begin met coderen aan jullie tekening van workshop 1

  • of kies een van de volgende karakters om na te maken

  • of kies zelf een karakter

  • Maak gebruik van het werkboekje

Slide 22 - Tekstslide

Sla je werk op en geef deze een naam!
Geef je bestandje een naam en zet je eigen naam erbij

Slide 23 - Tekstslide

Bedankt!
hoihoi!

Slide 24 - Tekstslide