Moire patterns programmeren

Net als vorige week heb ik ook deze keer inspiratei gehaald uit mijn cursus Creative Coding. Deze week ging het over lussen en hoe je die kunnen helpen om herhaalde taken makkelijker te maken. Door tijdens het tekenen een vorm steeds iets groter of kleiner te maken of een stukje te verplaatsen, kun je hele mooie patronen maken.

Een soort patroon dat heel geschikt is om te programmeren is Moiré. Een Moirépatroon ontstaat als je meerdere dezelfde patronen over erlkaar heen tekent maar niet precies op elkaar. Er komen dan extra patronen naar voren, doordat de lijnen die over elkaar heen liggen soms dichtbij en soms wat verder uit elkaar liggen.

 

Opdracht 1

Maak de functies go_to en draw_circles

  1. Maak de volgende variabelen aan: circle_width, delta en num_of_circles
  2. Maak een functie go_to (kijk in eerdere oefeningen als je niet weet hoe dit moet)
  3. Maak een functie draw_circles en geef die de volgende stappen:
    1. Voeg een input ‘x’ toe aan de functie (dit is de x positie van het middelpunt van de cirkels)
    2. Voeg een loop toe: ‘Count with i from 1 to num_of_circles by 1’ en voeg de volgende stappen toe binnen de loop:
      1. Voeg de functie go_to toe met de waarden x = x en y = circle_width * -1
      2. Teken een circle met de waarde circle_width
      3. Geef de variabele circle_width de waarde circle_width = circle_width – delta

Opdracht 2

Teken een aantal steeds kleiner worden de cirkels met hetzelfde middelpunt. Doe dit twee keer met een afstand tussen de twee middelpunten.

  1. Teken een gevuld vierkant van 400×400 als achtergrond, kies donkerblauw of zwart als kleur.
  2. Geef de variabele circle_width de waarde 200.
  3. Geef de variabele delta de waarde 4.
  4. Geef de variabele num_of_circles de waarde circle_width / delta.
  5. Kies wit als kleur om te tekenen.
  6. Roep de functie ‘draw_circles’ aan met x = -100.
  7. Klik op Run en controleer of dit lukt.
  8. Geef de variabele circle_width opnieuw de waarde 200. 
  9. Roep de functie ‘draw_circles’ aan met x = 150.
  10. Klik op Run en controleer of dit lukt.

Als alles gelukt is zie je nu tussen de twee middelpunten een extra patroon: het Moirépatroon!

Oplossing

Je kunt de oefening hier maken. Mijn oplossing kun je hier vinden

Een video met de uitleg van wat ik gedaan heb vind je hier.

Er zijn als je gaat programmeren altijd meerdere oplossingen mogelijk. Het kan dus prima zijn dat jouw oplossing ook goed is, ook als is hij anders dan hierboven. Heb je vragen over jouw oplossing? Laat dan een reactie achter onder dit bericht.

 

Wil je elke week een herinnering als de nieuwe oefning beschikbaar is? Vul dan hieronder het formulier in (graag de gegevens van een volwassene gebruiken in verband met de AVG. Je kunt mijn algemene voorwaarden en privacyverklaring lezen onderaan mijn website.)

Liefs Esther 

Ja ik wil graag een herinnering als er een nieuwe oefening online is!

0 reacties