Ga naar de inhoud

p5js nl

Leer programmeren voor visual arts

Menu
  • Home
  • Unit 1
    • Unit 1, LA1
      • U1 LA1 1.1. Maak een Robot
      • U1 LA1 1.2 Lijn functies en parameters
      • U1 LA1 1.3 Teken een GSM
      • U1 LA1.4 Meerhoeken, sterren, bogen
      • U1 LA 1.5 Mini-project: Maak een Taijitu (Yin & Yang)
    • Unit 1, LA 2
      • U1 LA 2.1 Meebewegen met de muis
      • U1 LA2.2 Meekleuren met de muis op je eigen variabele
      • U1 LA 2.3 Random Ellipsen
      • U1 LA2 Mini-Project Custom Emoji
    • Unit 1, LA3
      • U1 LA 3.1 Inleiding Kleur
      • U1, LA 3.2 Maak je lievelingskleur in de HSB kleurmodus
      • U1 LA 3.3 Kleuren paletten
      • U1 LA3 Final Project: Album Art
  • Unit 2
    • Unit 2, LA1
      • U2 LA 1.1 Levensweg
      • U2 LA1.2 If-Then-Else Kleur die Robot
      • U2 LA 1.3 AND en OR
      • U2 LA1 Mini-Project Stoplicht
      • U2 LA1.4 Tekenen met de muis
      • U2 LA1.5 De map() functie
    • Unit 2, LA 2
      • U2 LA2.1 Raken met Collide2D
      • In Aanbouw
      • U2 LA 2.2 (in aanbouw)
      • U2 LA2 Final Project Light Switch Game
    • Unit 2, LA3
      • U2 LA 3.1 (in aanbouw)
      • U2 Final Project Painter
  • Unit 3
    • LA2 2.1 While Loops
    • LA2 2.?, Arrays en Loops
    • In Aanbouw
  • Blog
  • Docenten Info
  • Contact
    • Beoordeel P5js.nl
  • Links
    • P5JS Editor
    • P5JS.org
    • Video’s Coding Train
    • Reference
    • Intro to Computational Media
    • Freesound
Menu

U1 LA3.1 Inleiding Kleur

Je hebt de codes al gezien in het vorige blok:

    fill(255, 0, 255);
    circle(200, 200, 100);

Wat betekent het?

  • fill ( ROOD, GROEN, BLAUW )
  • Dit noemen we ook wel RGB-kleur.
  • Elk tussen de 0 en 255.

“red” en ”blue” werken ook

Zoek je kleuren op bij

HTML Color Names (w3schools.com)

fill("red")

Wat betekent #0000FF ?

Dit is een hexadecimale kleurcode, ofwel, geschreven in het 16-tallig stelsel. Handig voor computers.

  • 0-9 is 0-9
  • 10 is A, 11 is B, 12 is C, 13 = D, 14 = E, 15 = F.
  • 00 = 00, 255 = FF
  • Dus #0000FF = (0,0,255)

Opdracht Color Picker

Ga nu zelf op zoek naar kleuren met de HTML Color Picker. Pak je Robot weer en maak m nu in kleur. Geef elk onderdeel van je robot een eigen kleur. Gebruik de (R,G,B) notatie of de #hex notatie.

Archives

  • juni 2022
  • maart 2022

Categories

  • onthouden
  • Uncategorized

Dit is de vertaling-in-aanbouw van de Amerikaanse lesmethode Introduction to computational media (V2020, V2022) voor P5JS door Luisa Pereira.

Aangepast voor Nederland door docent Barry Voeten.

Creative Commons-Licentie
Dit werk valt onder een Creative Commons Naamsvermelding-NietCommercieel-GelijkDelen 4.0 Internationaal-licentie.
© 2022 p5js nl | Aangedreven door Minimalist Blog WordPress thema