{"id":1142,"date":"2026-01-29T16:58:54","date_gmt":"2026-01-29T16:58:54","guid":{"rendered":"https:\/\/djoko.nl\/home6\/?p=1142"},"modified":"2026-02-11T12:39:25","modified_gmt":"2026-02-11T12:39:25","slug":"van-bijenraat-tot-voetbal-de-hexagon","status":"publish","type":"post","link":"https:\/\/djoko.nl\/home6\/index.php\/2026\/01\/29\/van-bijenraat-tot-voetbal-de-hexagon\/","title":{"rendered":"Van bijenraat tot voetbal: de hexagon"},"content":{"rendered":"\n<div class=\"wp-block-gutenbergp5-p5js gutenbergp5-align-center\"><iframe srcdoc=\"\n        <!DOCTYPE html&gt;\n        <html&gt;\n            <body style=&quot;padding: 0; margin: 0;&quot;&gt;<\/body&gt;\n            <script src=&quot;https:\/\/djoko.nl\/home6\/wp-content\/plugins\/easy-p5-js-block\/\/assets\/js\/p5.min.js&quot;&gt;<\/script&gt;\n            <script&gt;\n                let r = 80;\nlet v, h;\nlet gr = r \/ 1.08;\nlet l;\nlet lijntje = 0;\n\nfunction setup() {\n  createCanvas(600, 200);\n  noStroke();\n  fill(0);\n  v = Math.sqrt(3) \/ 2;\n  frameRate(1);\n}\n\nfunction draw() {\n  background(250,217,108);\/\/random(100, 130), random(100, 130), random(100, 130));\n  r = random(24, 60);\n  gr = r \/ random(1.0, 1.3);\n  for (let i = 0; i <= width \/ r + 2; i++) {\n    for (let y = 0; y <= height \/ (r * v) + 1; y++) {\n      if (y % 2 == 0) {\n        l = 0;\n      } else {\n        l = r \/ 2;\n      }\n      fill(random(240,255), random(205, 235), random(95,105));\n      stroke(255);\n      zeshoek(i * r + l, y * r * v, (r * v * 2) \/ 3); \n    }\n  }\n}\nfunction zeshoek(pX, pY, s) {\n  beginShape();\n  for (let i = 0; i < Math.PI * 2; i += Math.PI \/ 3) {\n    vertex(\n      pX + Math.cos(i + Math.PI \/ 2) * s,\n      pY + Math.sin(i + Math.PI \/ 2) * s\n    );\n  }\n  endShape();\n}\n\n            <\/script&gt;\n        <\/html&gt;\" sandbox=\"allow-scripts allow-same-origin\" scrolling=\"no\" style=\"overflow:hidden;\" width=\"\" height=\"\" class=\"\" title=\"p5.js canvas\"><\/iframe><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Als ronde voorwerpen zo dicht mogelijk bij elkaar liggen (bijeneitjes bijv.) dan is een driehoekig gelijkzijdig rooster (zie <a href=\"https:\/\/nl.wikipedia.org\/wiki\/Rooster_(wiskunde)\" target=\"_blank\" rel=\"noreferrer noopener\">link<\/a>) 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.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Hoe maak je zo&#8217;n patroon met javascript en de p5.js-bibliotheek? En wat is de. link tussen een zeshoek en een voetbal?<\/p>\n\n\n\n<!--more-->\n\n\n\n<p class=\"wp-block-paragraph\">Waarom zouden we zo&#8217;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.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Een dubbele for-loop helpt je om een patroon te maken<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Hieronder staat <strong>deel 1<\/strong>: het gebruiken van een <strong>dubbele for-loop<\/strong>. We cre\u00ebren hiermee een recht raster van blokjes. In de video&#8217;s hieronder wordt gesproken en getoond: P5, dit moet telkens zijn P5.js. Het is tenslotte een javascript-bibliotheek. Excuses daarvoor.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-vimeo wp-block-embed-vimeo\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"deel 1 van video tutorial over het maken van een honingraat -patroon\" src=\"https:\/\/player.vimeo.com\/video\/1159730341?dnt=1&amp;app_id=122963\" width=\"580\" height=\"377\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">De constructie van een zeshoek<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Hieronder staat de videotutorial <strong>deel 2<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-vimeo wp-block-embed-vimeo\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"deel2_tot\" src=\"https:\/\/player.vimeo.com\/video\/1160130309?dnt=1&amp;app_id=122963\" width=\"580\" height=\"377\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Op <a href=\"https:\/\/djoko.nl\/home6\/index.php\/2022\/02\/02\/een-cirkel-beweging-in-code\/#more-90\">deze blog<\/a> kun je meer lezen over de cosinus en sinus.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">De afstanden tussen de zeshoeken<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Hier staat deel 3 met de berekening van de horizontale en verticale afstanden tussen de zeshoeken.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-vimeo wp-block-embed-vimeo\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"deel3_tot\" src=\"https:\/\/player.vimeo.com\/video\/1160268844?dnt=1&amp;app_id=122963\" width=\"580\" height=\"377\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">We hebben nu de onderdelen en getallen om de honingraat te voltooien.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">deel 4: het raster maken<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Hieronder staat het (langere) laatste deel van de vier video-tutorials. Hopelijk heb je ook plezier om zo&#8217;n raster te maken<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-vimeo wp-block-embed-vimeo\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"deel4_tot\" src=\"https:\/\/player.vimeo.com\/video\/1161018502?dnt=1&amp;app_id=122963\" width=\"580\" height=\"377\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Deze blog geeft een voorbeeld van een <strong>oefening<\/strong> 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\u00ebren en iets nieuws of iets anders te ontdekken.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Bestanden downloaden<\/h4>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/djoko.nl\/home6\/zeshoek\/Tutorial_bestanden.zip \u2197\">download bestanden<\/a><\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Hier is de <a href=\"https:\/\/djoko.nl\/home6\/zeshoek\/Tutorial_bestanden.zip\">link<\/a> om het <strong>javascript<\/strong> (plus html-bestand) te downloaden. Je ziet daar ook de <strong>extra regels<\/strong> staan om in de html telkens te tonen, hoeveel zeshoeken er gemaakt zijn.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Dit raster kom je vaak tegen<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Het driehoekig gelijkzijdig rooster vind je op veel plaatsen: hier een metalen rooster wat steviger is dan een rooster met alleen rijen en kolommen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"394\" src=\"https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2026\/01\/metalen_rooster.jpg\" alt=\"\" class=\"wp-image-1223\" srcset=\"https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2026\/01\/metalen_rooster.jpg 700w, https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2026\/01\/metalen_rooster-300x169.jpg 300w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><figcaption class=\"wp-element-caption\">Hetzelfde raster kom je tegen. in bijv dit metalen rooster<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Tot slot vormen, zoals we zagen, zeshoeken op het platte vlak een aaneengesloten geheel. Als je regelmatig een zeshoek door een vijfhoek vervangt&#8230; krijg je een voetbal.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"348\" src=\"https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2026\/01\/voetbal.jpg\" alt=\"\" class=\"wp-image-1224\" srcset=\"https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2026\/01\/voetbal.jpg 700w, https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2026\/01\/voetbal-300x149.jpg 300w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><figcaption class=\"wp-element-caption\">Zeshoeken (geel) afgewisseld met vijfhoeken (zwart) vormen een voetbal<\/figcaption><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Kleine kubusjes maken..<\/h4>\n\n\n\n<div class=\"wp-block-gutenbergp5-p5js gutenbergp5-align-center\"><iframe srcdoc=\"\n        <!DOCTYPE html&gt;\n        <html&gt;\n            <body style=&quot;padding: 0; margin: 0;&quot;&gt;<\/body&gt;\n            <script src=&quot;https:\/\/djoko.nl\/home6\/wp-content\/plugins\/easy-p5-js-block\/\/assets\/js\/p5.min.js&quot;&gt;<\/script&gt;\n            <script&gt;\n                let c;\/\/ grootte van zeshoek van midden tot hoekpunt.\nlet v; \/\/van centrum tot de midden vd rand\nlet l; \/\/ verspring-waarde van de even rijen\n\nfunction setup() {\n  v =  Math.sqrt(3)\/2;\n  createCanvas(600, 220);\n  background(100);\n  frameRate(1);\n  \/\/zeshoek(width\/2, height\/2, 140);\n  maakRaster ();\n}\nfunction draw(){\n  maakRaster ();\n}\nfunction maakRaster (){\n  stroke(0);\n  c = random (18,60);\n  for (let i =0; i < width\/2*c*v ; i++){\n    for(let y =0; y < height\/(2\/3*c); y++){\n      if(y %2 == 0){\n        l = v*c;\n      }\n      else{\n        l =0;\n      }\n\n      zeshoek ((2*c*v)*i+l,(c*3\/2)*y , c );\n    }\n  }\n}\nfunction zeshoek(posX, posY, s){\n  noStroke();\n\n  fill (60);\n  beginShape();\n  vertex (posX,posY);\n  for (let i= 0 ; i<= TWO_PI\/3; i += TWO_PI\/6){\n    vertex(posX + cos(i -TWO_PI\/12)*s, posY + sin(i - TWO_PI\/12)*s);\n  }\n  endShape(CLOSE);\n\n  fill (160);\n  beginShape();\n  vertex (posX,posY);\n  for (let i= TWO_PI\/3 ; i<= TWO_PI*8\/12; i += TWO_PI\/6){\n    vertex(posX + cos(i - TWO_PI\/12)*s, posY + sin(i - TWO_PI\/12)*s);\n  }\n  endShape(CLOSE);\n\n  fill (220);\n  beginShape();\n  vertex (posX,posY);\n  for (let i= TWO_PI*8\/12 ; i<= TWO_PI*12\/12; i += TWO_PI\/6){\n    vertex(posX + cos(i - TWO_PI\/12)*s, posY + sin(i - TWO_PI\/12)*s);\n  }\n  endShape(CLOSE);\n}\n\n            <\/script&gt;\n        <\/html&gt;\" sandbox=\"allow-scripts allow-same-origin\" scrolling=\"no\" style=\"overflow:hidden;\" width=\"\" height=\"\" class=\"\" title=\"p5.js canvas\"><\/iframe><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Kun je jouw zeshoekjes ook nog onderverdelen in <strong>3 ruiten<\/strong> zoals hierboven te zien is? Veel succes!<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Extra links naar tutorials<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">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: <a href=\"https:\/\/thecodingtrain.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">The Coding Train<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/thecodingtrain.com\/\" target=\"_blank\" rel=\" noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"554\" src=\"https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2026\/01\/Scherm\u00adafbeelding-2026-02-03-om-11.46.39-1024x554.png\" alt=\"\" class=\"wp-image-1233\" srcset=\"https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2026\/01\/Scherm\u00adafbeelding-2026-02-03-om-11.46.39-1024x554.png 1024w, https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2026\/01\/Scherm\u00adafbeelding-2026-02-03-om-11.46.39-300x162.png 300w, https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2026\/01\/Scherm\u00adafbeelding-2026-02-03-om-11.46.39-768x415.png 768w, https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2026\/01\/Scherm\u00adafbeelding-2026-02-03-om-11.46.39-1200x649.png 1200w, https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2026\/01\/Scherm\u00adafbeelding-2026-02-03-om-11.46.39.png 1302w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>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&#8217;n patroon met javascript [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10,13,14],"tags":[],"class_list":["post-1142","post","type-post","status-publish","format-standard","hentry","category-programmeren","category-visueel-ontwerp","category-wiskunde"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Van bijenraat tot voetbal: de hexagon - djoko<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/djoko.nl\/home6\/index.php\/2026\/01\/29\/van-bijenraat-tot-voetbal-de-hexagon\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Van bijenraat tot voetbal: de hexagon - djoko\" \/>\n<meta property=\"og:description\" content=\"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&#8217;n patroon met javascript [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/djoko.nl\/home6\/index.php\/2026\/01\/29\/van-bijenraat-tot-voetbal-de-hexagon\/\" \/>\n<meta property=\"og:site_name\" content=\"djoko\" \/>\n<meta property=\"article:published_time\" content=\"2026-01-29T16:58:54+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-11T12:39:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2026\/01\/metalen_rooster.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"700\" \/>\n\t<meta property=\"og:image:height\" content=\"394\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jean-Fran\u00e7ois Roebers\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Geschreven door\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jean-Fran\u00e7ois Roebers\" \/>\n\t<meta name=\"twitter:label2\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/djoko.nl\/home6\/index.php\/2026\/01\/29\/van-bijenraat-tot-voetbal-de-hexagon\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/djoko.nl\/home6\/index.php\/2026\/01\/29\/van-bijenraat-tot-voetbal-de-hexagon\/\"},\"author\":{\"name\":\"Jean-Fran\u00e7ois Roebers\",\"@id\":\"https:\/\/djoko.nl\/home6\/#\/schema\/person\/f3d259e86ce771777335741dba143a1c\"},\"headline\":\"Van bijenraat tot voetbal: de hexagon\",\"datePublished\":\"2026-01-29T16:58:54+00:00\",\"dateModified\":\"2026-02-11T12:39:25+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/djoko.nl\/home6\/index.php\/2026\/01\/29\/van-bijenraat-tot-voetbal-de-hexagon\/\"},\"wordCount\":485,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/djoko.nl\/home6\/#\/schema\/person\/f3d259e86ce771777335741dba143a1c\"},\"image\":{\"@id\":\"https:\/\/djoko.nl\/home6\/index.php\/2026\/01\/29\/van-bijenraat-tot-voetbal-de-hexagon\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2026\/01\/metalen_rooster.jpg\",\"articleSection\":[\"programmeren\",\"visueel ontwerp\",\"wiskunde\"],\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/djoko.nl\/home6\/index.php\/2026\/01\/29\/van-bijenraat-tot-voetbal-de-hexagon\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/djoko.nl\/home6\/index.php\/2026\/01\/29\/van-bijenraat-tot-voetbal-de-hexagon\/\",\"url\":\"https:\/\/djoko.nl\/home6\/index.php\/2026\/01\/29\/van-bijenraat-tot-voetbal-de-hexagon\/\",\"name\":\"Van bijenraat tot voetbal: de hexagon - djoko\",\"isPartOf\":{\"@id\":\"https:\/\/djoko.nl\/home6\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/djoko.nl\/home6\/index.php\/2026\/01\/29\/van-bijenraat-tot-voetbal-de-hexagon\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/djoko.nl\/home6\/index.php\/2026\/01\/29\/van-bijenraat-tot-voetbal-de-hexagon\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2026\/01\/metalen_rooster.jpg\",\"datePublished\":\"2026-01-29T16:58:54+00:00\",\"dateModified\":\"2026-02-11T12:39:25+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/djoko.nl\/home6\/index.php\/2026\/01\/29\/van-bijenraat-tot-voetbal-de-hexagon\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/djoko.nl\/home6\/index.php\/2026\/01\/29\/van-bijenraat-tot-voetbal-de-hexagon\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/djoko.nl\/home6\/index.php\/2026\/01\/29\/van-bijenraat-tot-voetbal-de-hexagon\/#primaryimage\",\"url\":\"https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2026\/01\/metalen_rooster.jpg\",\"contentUrl\":\"https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2026\/01\/metalen_rooster.jpg\",\"width\":700,\"height\":394},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/djoko.nl\/home6\/index.php\/2026\/01\/29\/van-bijenraat-tot-voetbal-de-hexagon\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/djoko.nl\/home6\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Van bijenraat tot voetbal: de hexagon\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/djoko.nl\/home6\/#website\",\"url\":\"https:\/\/djoko.nl\/home6\/\",\"name\":\"djoko\",\"description\":\"reflectie op creatie van beeld, woord en muziek\",\"publisher\":{\"@id\":\"https:\/\/djoko.nl\/home6\/#\/schema\/person\/f3d259e86ce771777335741dba143a1c\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/djoko.nl\/home6\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/djoko.nl\/home6\/#\/schema\/person\/f3d259e86ce771777335741dba143a1c\",\"name\":\"Jean-Fran\u00e7ois Roebers\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2025\/09\/djoko_logo.jpg\",\"url\":\"https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2025\/09\/djoko_logo.jpg\",\"contentUrl\":\"https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2025\/09\/djoko_logo.jpg\",\"width\":148,\"height\":48,\"caption\":\"Jean-Fran\u00e7ois Roebers\"},\"logo\":{\"@id\":\"https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2025\/09\/djoko_logo.jpg\"},\"description\":\"Mijn interesse in vormgeving en ontwerpen in het algemeen, gebruik van programmeertalen en digitaal gereedschap, relaties met geschiedenis en wiskunde, combineer ik in deze blog.\",\"sameAs\":[\"http:\/\/djoko.nl\/home6\",\"https:\/\/www.linkedin.com\/in\/jean-franois-roebers-a14408\/\"],\"url\":\"https:\/\/djoko.nl\/home6\/index.php\/author\/jean_admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Van bijenraat tot voetbal: de hexagon - djoko","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/djoko.nl\/home6\/index.php\/2026\/01\/29\/van-bijenraat-tot-voetbal-de-hexagon\/","og_locale":"nl_NL","og_type":"article","og_title":"Van bijenraat tot voetbal: de hexagon - djoko","og_description":"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&#8217;n patroon met javascript [&hellip;]","og_url":"https:\/\/djoko.nl\/home6\/index.php\/2026\/01\/29\/van-bijenraat-tot-voetbal-de-hexagon\/","og_site_name":"djoko","article_published_time":"2026-01-29T16:58:54+00:00","article_modified_time":"2026-02-11T12:39:25+00:00","og_image":[{"width":700,"height":394,"url":"https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2026\/01\/metalen_rooster.jpg","type":"image\/jpeg"}],"author":"Jean-Fran\u00e7ois Roebers","twitter_card":"summary_large_image","twitter_misc":{"Geschreven door":"Jean-Fran\u00e7ois Roebers","Geschatte leestijd":"4 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/djoko.nl\/home6\/index.php\/2026\/01\/29\/van-bijenraat-tot-voetbal-de-hexagon\/#article","isPartOf":{"@id":"https:\/\/djoko.nl\/home6\/index.php\/2026\/01\/29\/van-bijenraat-tot-voetbal-de-hexagon\/"},"author":{"name":"Jean-Fran\u00e7ois Roebers","@id":"https:\/\/djoko.nl\/home6\/#\/schema\/person\/f3d259e86ce771777335741dba143a1c"},"headline":"Van bijenraat tot voetbal: de hexagon","datePublished":"2026-01-29T16:58:54+00:00","dateModified":"2026-02-11T12:39:25+00:00","mainEntityOfPage":{"@id":"https:\/\/djoko.nl\/home6\/index.php\/2026\/01\/29\/van-bijenraat-tot-voetbal-de-hexagon\/"},"wordCount":485,"commentCount":0,"publisher":{"@id":"https:\/\/djoko.nl\/home6\/#\/schema\/person\/f3d259e86ce771777335741dba143a1c"},"image":{"@id":"https:\/\/djoko.nl\/home6\/index.php\/2026\/01\/29\/van-bijenraat-tot-voetbal-de-hexagon\/#primaryimage"},"thumbnailUrl":"https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2026\/01\/metalen_rooster.jpg","articleSection":["programmeren","visueel ontwerp","wiskunde"],"inLanguage":"nl-NL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/djoko.nl\/home6\/index.php\/2026\/01\/29\/van-bijenraat-tot-voetbal-de-hexagon\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/djoko.nl\/home6\/index.php\/2026\/01\/29\/van-bijenraat-tot-voetbal-de-hexagon\/","url":"https:\/\/djoko.nl\/home6\/index.php\/2026\/01\/29\/van-bijenraat-tot-voetbal-de-hexagon\/","name":"Van bijenraat tot voetbal: de hexagon - djoko","isPartOf":{"@id":"https:\/\/djoko.nl\/home6\/#website"},"primaryImageOfPage":{"@id":"https:\/\/djoko.nl\/home6\/index.php\/2026\/01\/29\/van-bijenraat-tot-voetbal-de-hexagon\/#primaryimage"},"image":{"@id":"https:\/\/djoko.nl\/home6\/index.php\/2026\/01\/29\/van-bijenraat-tot-voetbal-de-hexagon\/#primaryimage"},"thumbnailUrl":"https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2026\/01\/metalen_rooster.jpg","datePublished":"2026-01-29T16:58:54+00:00","dateModified":"2026-02-11T12:39:25+00:00","breadcrumb":{"@id":"https:\/\/djoko.nl\/home6\/index.php\/2026\/01\/29\/van-bijenraat-tot-voetbal-de-hexagon\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/djoko.nl\/home6\/index.php\/2026\/01\/29\/van-bijenraat-tot-voetbal-de-hexagon\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/djoko.nl\/home6\/index.php\/2026\/01\/29\/van-bijenraat-tot-voetbal-de-hexagon\/#primaryimage","url":"https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2026\/01\/metalen_rooster.jpg","contentUrl":"https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2026\/01\/metalen_rooster.jpg","width":700,"height":394},{"@type":"BreadcrumbList","@id":"https:\/\/djoko.nl\/home6\/index.php\/2026\/01\/29\/van-bijenraat-tot-voetbal-de-hexagon\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/djoko.nl\/home6\/"},{"@type":"ListItem","position":2,"name":"Van bijenraat tot voetbal: de hexagon"}]},{"@type":"WebSite","@id":"https:\/\/djoko.nl\/home6\/#website","url":"https:\/\/djoko.nl\/home6\/","name":"djoko","description":"reflectie op creatie van beeld, woord en muziek","publisher":{"@id":"https:\/\/djoko.nl\/home6\/#\/schema\/person\/f3d259e86ce771777335741dba143a1c"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/djoko.nl\/home6\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":["Person","Organization"],"@id":"https:\/\/djoko.nl\/home6\/#\/schema\/person\/f3d259e86ce771777335741dba143a1c","name":"Jean-Fran\u00e7ois Roebers","image":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2025\/09\/djoko_logo.jpg","url":"https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2025\/09\/djoko_logo.jpg","contentUrl":"https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2025\/09\/djoko_logo.jpg","width":148,"height":48,"caption":"Jean-Fran\u00e7ois Roebers"},"logo":{"@id":"https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2025\/09\/djoko_logo.jpg"},"description":"Mijn interesse in vormgeving en ontwerpen in het algemeen, gebruik van programmeertalen en digitaal gereedschap, relaties met geschiedenis en wiskunde, combineer ik in deze blog.","sameAs":["http:\/\/djoko.nl\/home6","https:\/\/www.linkedin.com\/in\/jean-franois-roebers-a14408\/"],"url":"https:\/\/djoko.nl\/home6\/index.php\/author\/jean_admin\/"}]}},"_links":{"self":[{"href":"https:\/\/djoko.nl\/home6\/index.php\/wp-json\/wp\/v2\/posts\/1142","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/djoko.nl\/home6\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/djoko.nl\/home6\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/djoko.nl\/home6\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/djoko.nl\/home6\/index.php\/wp-json\/wp\/v2\/comments?post=1142"}],"version-history":[{"count":42,"href":"https:\/\/djoko.nl\/home6\/index.php\/wp-json\/wp\/v2\/posts\/1142\/revisions"}],"predecessor-version":[{"id":1269,"href":"https:\/\/djoko.nl\/home6\/index.php\/wp-json\/wp\/v2\/posts\/1142\/revisions\/1269"}],"wp:attachment":[{"href":"https:\/\/djoko.nl\/home6\/index.php\/wp-json\/wp\/v2\/media?parent=1142"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/djoko.nl\/home6\/index.php\/wp-json\/wp\/v2\/categories?post=1142"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/djoko.nl\/home6\/index.php\/wp-json\/wp\/v2\/tags?post=1142"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}