Als ronde voorwerpen zo dicht mogelijk bij elkaar liggen (bijeneitjes bijv.) dan is een driehoekig gelijkzijdig rooster (zie link) de beste optie. Ieder punt wordt dan omgeven door zijn zes (!) andere punten. Een hexagon past dan perfect op die plaats, zie het patroon (in P5-javascript gemaakt) hierboven.
Hoe maak je zo’n patroon met javascript en de p5.js-bibliotheek? En wat is de. link tussen een zeshoek en een voetbal?
Waarom zouden we zo’n patroon willen maken in javascript? In de eeerste plaats omdat het leuk is deze uitdaging (als oefening) aan te. gaan. Je hebt er maar een paar uurtjes voor nodig om alles uit te zoeken. Tegelijk toont het script jouw denkfouten in logica. Terwijl je het wel allemaal zelf moet doen.
Een dubbele for-loop helpt je om een patroon te maken
Hieronder staat deel 1: het gebruiken van een dubbele for-loop. We creëren hiermee een recht raster van blokjes. In de video’s hieronder wordt gesproken en getoond: P5, dit moet telkens zijn P5.js. Het is tenslotte een javascript-bibliotheek. Excuses daarvoor.
De constructie van een zeshoek
Hieronder staat de videotutorial deel 2.
Op deze blog kun je meer lezen over de cosinus en sinus.
De afstanden tussen de zeshoeken
Hier staat deel 3 met de berekening van de horizontale en verticale afstanden tussen de zeshoeken.
We hebben nu de onderdelen en getallen om de honingraat te voltooien.
deel 4: het raster maken
Hieronder staat het (langere) laatste deel van de vier video-tutorials. Hopelijk heb je ook plezier om zo’n raster te maken
Deze blog geeft een voorbeeld van een oefening om in een paar uur iets te realiseren met een script. Je weet namelijk goed van te voren wat je wilt bereiken. Er blijft tijdens het uitvoeren nog genoeg over om te variëren en iets nieuws of iets anders te ontdekken.
Bestanden downloaden
Hier is de link om het javascript (plus html-bestand) te downloaden. Je ziet daar ook de extra regels staan om in de html telkens te tonen, hoeveel zeshoeken er gemaakt zijn.
Dit raster kom je vaak tegen
Het driehoekig gelijkzijdig rooster vind je op veel plaatsen: hier een metalen rooster wat steviger is dan een rooster met alleen rijen en kolommen.
Tot slot vormen, zoals we zagen, zeshoeken op het platte vlak een aaneengesloten geheel. Als je regelmatig een zeshoek door een vijfhoek vervangt… krijg je een voetbal.
Kleine kubusjes maken..
Kun je jouw zeshoekjes ook nog onderverdelen in 3 ruiten zoals hierboven te zien is? Veel succes!
Extra links naar tutorials
Daniel Schiffman maakt als jaren heel veel video-tutorials over programmeren in Processing en P5 oa. Kijk dus zeker op Youtube of op zijn site: The Coding Train
