{"id":675,"date":"2025-06-21T12:42:41","date_gmt":"2025-06-21T12:42:41","guid":{"rendered":"https:\/\/djoko.nl\/home6\/?p=675"},"modified":"2025-10-30T14:48:42","modified_gmt":"2025-10-30T14:48:42","slug":"verdeel-en-heers-1","status":"publish","type":"post","link":"https:\/\/djoko.nl\/home6\/index.php\/2025\/06\/21\/verdeel-en-heers-1\/","title":{"rendered":"Verdeel en heers"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Met een eenvoudige vraag kun je toch nog even bezig zijn. Hoe kun je elementen gelijk verdelen en daarna concentreren rond een kern? In zijn meest elementaire uitwerking zou dat deze (schetsmatige) resultaten moeten opleveren:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"160\" src=\"https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2025\/06\/hokjes_0b.png\" alt=\"\" class=\"wp-image-681\" srcset=\"https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2025\/06\/hokjes_0b.png 960w, https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2025\/06\/hokjes_0b-300x50.png 300w, https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2025\/06\/hokjes_0b-768x128.png 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"160\" src=\"https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2025\/06\/hokjes_2.png\" alt=\"\" class=\"wp-image-689\" srcset=\"https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2025\/06\/hokjes_2.png 960w, https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2025\/06\/hokjes_2-300x50.png 300w, https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2025\/06\/hokjes_2-768x128.png 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Het eerste en laatste blokje moeten blijven staan. We gaan het in javascript (met P5) maken. Hieronder zie je het eindresultaat wat jij vast op een andere manier ook kunt realiseren. Jouw cursor of vinger bepaalt hoeveel blokjes (bovenaan minder, vanonder meer) en de concentratiefactor (links niets, rechts hoog). Voor de <strong>mobiele versie<\/strong> <a href=\"https:\/\/www.djoko.nl\/home6\/p5\/verdeel\/6b\/index.html\" target=\"_blank\">klik hier!<\/a><\/p>\n\n\n\n<iframe style=\"height: 240px; border: 0px solid;overflow: hidden;\" src=\"https:\/\/www.djoko.nl\/home6\/p5\/verdeel\/6b\/index.html\"><\/iframe>\n\n\n\n<!--more-->\n\n\n\n<h4 class=\"wp-block-heading\"><strong>P5 geeft je snel een canvas met grafische mogelijkheden.<\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Je kunt de editor van P5 gebruiken (<a href=\"https:\/\/editor.p5js.org\/\">https:\/\/editor.p5js.org\/<\/a>). Er zullen veel verschillende manieren zijn om ons probleem uit te werken, maar ik begin met het maken van wat variabelen. Deze waarden kunnen we dan aanpassen.<strong>P5 geeft je snel een canvas met grafische mogelijkheden.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"622\" height=\"158\" src=\"https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2025\/06\/Scherm\u00adafbeelding-2025-06-19-om-16.30.40.png\" alt=\"\" class=\"wp-image-684\" style=\"width:442px;height:auto\" srcset=\"https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2025\/06\/Scherm\u00adafbeelding-2025-06-19-om-16.30.40.png 622w, https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2025\/06\/Scherm\u00adafbeelding-2025-06-19-om-16.30.40-300x76.png 300w\" sizes=\"auto, (max-width: 622px) 100vw, 622px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">De blokjes hoeven (voorlopig) niet te bewegen, dus eerst zet ik alles in de functie setUp:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"654\" height=\"308\" src=\"https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2025\/06\/Scherm\u00adafbeelding-2025-06-19-om-16.30.57.png\" alt=\"\" class=\"wp-image-685\" style=\"width:461px;height:auto\" srcset=\"https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2025\/06\/Scherm\u00adafbeelding-2025-06-19-om-16.30.57.png 654w, https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2025\/06\/Scherm\u00adafbeelding-2025-06-19-om-16.30.57-300x141.png 300w\" sizes=\"auto, (max-width: 654px) 100vw, 654px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">We hebben nu een basis (download eventueel: <a href=\"https:\/\/www.djoko.nl\/home6\/p5\/verdeel\/6b\/script_verdeel_heers_basis.zip\">script_verdeel_heers_basis.zip<\/a>) en gaan proberen de blokjes op gelijke afstand neer te zetten. Probeer het zelf eerst zodat je onderstaande verdeling krijgt:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"341\" src=\"https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2025\/06\/gelijkverdeeld-1024x341.png\" alt=\"\" class=\"wp-image-695\" style=\"width:526px;height:auto\" srcset=\"https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2025\/06\/gelijkverdeeld-1024x341.png 1024w, https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2025\/06\/gelijkverdeeld-300x100.png 300w, https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2025\/06\/gelijkverdeeld-768x256.png 768w, https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2025\/06\/gelijkverdeeld.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Alleen de afstand tussen de blokjes is wel wat puzzelwerk.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"868\" height=\"186\" src=\"https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2025\/06\/Scherm\u00adafbeelding-2025-06-21-om-16.06.17.png\" alt=\"\" class=\"wp-image-694\" srcset=\"https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2025\/06\/Scherm\u00adafbeelding-2025-06-21-om-16.06.17.png 868w, https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2025\/06\/Scherm\u00adafbeelding-2025-06-21-om-16.06.17-300x64.png 300w, https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2025\/06\/Scherm\u00adafbeelding-2025-06-21-om-16.06.17-768x165.png 768w\" sizes=\"auto, (max-width: 868px) 100vw, 868px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">rechts &#8211; links is de lengte van de grijze rechthoek:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"341\" src=\"https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2025\/06\/gelijkverdeeld_c-2-1024x341.png\" alt=\"\" class=\"wp-image-701\" style=\"width:517px;height:auto\" srcset=\"https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2025\/06\/gelijkverdeeld_c-2-1024x341.png 1024w, https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2025\/06\/gelijkverdeeld_c-2-300x100.png 300w, https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2025\/06\/gelijkverdeeld_c-2-768x256.png 768w, https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2025\/06\/gelijkverdeeld_c-2.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">en dat moet je delen door het aantal blokjes (variable <strong>aantal<\/strong>) min \u00e9\u00e9n. Dat is dan de afstand tussen de blokjes. Telkens vermenigvuldigd met i geeft dat de x-positie van de rechthoekjes, waar je nog wel tot slot <strong>links<\/strong> bij op moet tellen omdat vanaf daar de rechthoekjes worden neergezet. Zelf spelen en experimenteren helpt je waarschijnlijk meer dan dit over te typen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Leuk om de variabele <strong>aantal<\/strong> aan te passen: de blokjes komen dan. telkens perfect verdeeld te staan. Als <strong>aantal<\/strong> te hoog wordt, zie je natuurlijk \u00e9\u00e9n witte balk&#8230;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">De versie die je nu hebt, zou overeen kunnen komen met dit bestand (<a href=\"https:\/\/www.djoko.nl\/home6\/p5\/verdeel\/6b\/script_verdeel_heers_basis_2.zip\">script_verdeel_heers_basis_2.zip<\/a>). <\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong><strong>Het aanpassen<\/strong> van de positie<\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">We gaan verder met het concentreren van de blokjes.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1008\" height=\"672\" src=\"https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2025\/06\/Scherm\u00adafbeelding-2025-06-21-om-17.27.45.png\" alt=\"\" class=\"wp-image-708\" srcset=\"https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2025\/06\/Scherm\u00adafbeelding-2025-06-21-om-17.27.45.png 1008w, https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2025\/06\/Scherm\u00adafbeelding-2025-06-21-om-17.27.45-300x200.png 300w, https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2025\/06\/Scherm\u00adafbeelding-2025-06-21-om-17.27.45-768x512.png 768w\" sizes=\"auto, (max-width: 1008px) 100vw, 1008px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Dit is het hele script om de blokjes naar links te duwen. Nogmaals, het kan op meerdere manieren. In regel 16 wordt de factor (iedere keer opnieuw) berekend. Voor i=0 (linker blokje) is de factor 0 en voor i=aantal is defactor 1. de bewerking ** is machtsverheffen.Hier is gekozen voor een deel van de exponenti\u00eble functie ( y = x<sup>2<\/sup>), namelijk van 0 t\/m 1 (voor de waarde van x). In dat deel loopt kromme van de grafiek eerste traag maar dan steeds steiler tot de waarde 1. Misschien wordt dat duidelijk is in onderstaand afbeelding, waar dat deel van de grafiek visueel wordt gemaakt (zie bestand: <a href=\"https:\/\/www.djoko.nl\/home6\/p5\/verdeel\/6b\/script_verdeel_heers_grafiek.zip\">script_verdeel_heers_grafiek.zip<\/a>). <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1266\" height=\"624\" src=\"https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2025\/06\/Scherm\u00adafbeelding-2025-06-21-om-22.29.26.png\" alt=\"\" class=\"wp-image-711\" srcset=\"https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2025\/06\/Scherm\u00adafbeelding-2025-06-21-om-22.29.26.png 1266w, https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2025\/06\/Scherm\u00adafbeelding-2025-06-21-om-22.29.26-300x148.png 300w, https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2025\/06\/Scherm\u00adafbeelding-2025-06-21-om-22.29.26-1024x505.png 1024w, https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2025\/06\/Scherm\u00adafbeelding-2025-06-21-om-22.29.26-768x379.png 768w, https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2025\/06\/Scherm\u00adafbeelding-2025-06-21-om-22.29.26-1200x591.png 1200w\" sizes=\"auto, (max-width: 1266px) 100vw, 1266px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">De versie die je bovenaan zit, vind je in dit bestand (<a href=\"https:\/\/www.djoko.nl\/home6\/p5\/verdeel\/6b\/script_verdeel_heers_werkt_midden.zip\">script_verdeel_heers_werkt_midden.zip&#8221; target=&#8221;_blank&#8221;<\/a>). Hier is de variabele macht extra gebruikt om factor te berekenen. Het script splitst de rij blokjes op in een linker en een rechter gedeelte, zie regels 31 t\/m 38:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"520\" src=\"https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2025\/06\/Scherm\u00adafbeelding-2025-09-16-om-15.39.12-1024x520.png\" alt=\"\" class=\"wp-image-764\" srcset=\"https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2025\/06\/Scherm\u00adafbeelding-2025-09-16-om-15.39.12-1024x520.png 1024w, https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2025\/06\/Scherm\u00adafbeelding-2025-09-16-om-15.39.12-300x152.png 300w, https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2025\/06\/Scherm\u00adafbeelding-2025-09-16-om-15.39.12-768x390.png 768w, https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2025\/06\/Scherm\u00adafbeelding-2025-09-16-om-15.39.12-1200x609.png 1200w, https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2025\/06\/Scherm\u00adafbeelding-2025-09-16-om-15.39.12.png 1494w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Je kunt dit script natuurlijk eindeloos aanpassen bijvoorbeeld door een random afwijking te kiezen voor ieder blokje zodat er een &#8220;realistische&#8221; grafiek ontstaat. Veel plezier.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Met een eenvoudige vraag kun je toch nog even bezig zijn. Hoe kun je elementen gelijk verdelen en daarna concentreren rond een kern? In zijn meest elementaire uitwerking zou dat deze (schetsmatige) resultaten moeten opleveren: Het eerste en laatste blokje moeten blijven staan. We gaan het in javascript (met P5) maken. Hieronder zie je het [&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-675","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>Verdeel en heers - 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\/2025\/06\/21\/verdeel-en-heers-1\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Verdeel en heers - djoko\" \/>\n<meta property=\"og:description\" content=\"Met een eenvoudige vraag kun je toch nog even bezig zijn. Hoe kun je elementen gelijk verdelen en daarna concentreren rond een kern? In zijn meest elementaire uitwerking zou dat deze (schetsmatige) resultaten moeten opleveren: Het eerste en laatste blokje moeten blijven staan. We gaan het in javascript (met P5) maken. Hieronder zie je het [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/djoko.nl\/home6\/index.php\/2025\/06\/21\/verdeel-en-heers-1\/\" \/>\n<meta property=\"og:site_name\" content=\"djoko\" \/>\n<meta property=\"article:published_time\" content=\"2025-06-21T12:42:41+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-30T14:48:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2025\/06\/hokjes_0b.png\" \/>\n\t<meta property=\"og:image:width\" content=\"960\" \/>\n\t<meta property=\"og:image:height\" content=\"160\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\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=\"5 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\/2025\/06\/21\/verdeel-en-heers-1\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/djoko.nl\/home6\/index.php\/2025\/06\/21\/verdeel-en-heers-1\/\"},\"author\":{\"name\":\"Jean-Fran\u00e7ois Roebers\",\"@id\":\"https:\/\/djoko.nl\/home6\/#\/schema\/person\/f3d259e86ce771777335741dba143a1c\"},\"headline\":\"Verdeel en heers\",\"datePublished\":\"2025-06-21T12:42:41+00:00\",\"dateModified\":\"2025-10-30T14:48:42+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/djoko.nl\/home6\/index.php\/2025\/06\/21\/verdeel-en-heers-1\/\"},\"wordCount\":521,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/djoko.nl\/home6\/#\/schema\/person\/f3d259e86ce771777335741dba143a1c\"},\"image\":{\"@id\":\"https:\/\/djoko.nl\/home6\/index.php\/2025\/06\/21\/verdeel-en-heers-1\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2025\/06\/hokjes_0b.png\",\"articleSection\":[\"programmeren\",\"visueel ontwerp\",\"wiskunde\"],\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/djoko.nl\/home6\/index.php\/2025\/06\/21\/verdeel-en-heers-1\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/djoko.nl\/home6\/index.php\/2025\/06\/21\/verdeel-en-heers-1\/\",\"url\":\"https:\/\/djoko.nl\/home6\/index.php\/2025\/06\/21\/verdeel-en-heers-1\/\",\"name\":\"Verdeel en heers - djoko\",\"isPartOf\":{\"@id\":\"https:\/\/djoko.nl\/home6\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/djoko.nl\/home6\/index.php\/2025\/06\/21\/verdeel-en-heers-1\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/djoko.nl\/home6\/index.php\/2025\/06\/21\/verdeel-en-heers-1\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2025\/06\/hokjes_0b.png\",\"datePublished\":\"2025-06-21T12:42:41+00:00\",\"dateModified\":\"2025-10-30T14:48:42+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/djoko.nl\/home6\/index.php\/2025\/06\/21\/verdeel-en-heers-1\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/djoko.nl\/home6\/index.php\/2025\/06\/21\/verdeel-en-heers-1\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/djoko.nl\/home6\/index.php\/2025\/06\/21\/verdeel-en-heers-1\/#primaryimage\",\"url\":\"https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2025\/06\/hokjes_0b.png\",\"contentUrl\":\"https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2025\/06\/hokjes_0b.png\",\"width\":960,\"height\":160},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/djoko.nl\/home6\/index.php\/2025\/06\/21\/verdeel-en-heers-1\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/djoko.nl\/home6\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Verdeel en heers\"}]},{\"@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":"Verdeel en heers - 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\/2025\/06\/21\/verdeel-en-heers-1\/","og_locale":"nl_NL","og_type":"article","og_title":"Verdeel en heers - djoko","og_description":"Met een eenvoudige vraag kun je toch nog even bezig zijn. Hoe kun je elementen gelijk verdelen en daarna concentreren rond een kern? In zijn meest elementaire uitwerking zou dat deze (schetsmatige) resultaten moeten opleveren: Het eerste en laatste blokje moeten blijven staan. We gaan het in javascript (met P5) maken. Hieronder zie je het [&hellip;]","og_url":"https:\/\/djoko.nl\/home6\/index.php\/2025\/06\/21\/verdeel-en-heers-1\/","og_site_name":"djoko","article_published_time":"2025-06-21T12:42:41+00:00","article_modified_time":"2025-10-30T14:48:42+00:00","og_image":[{"width":960,"height":160,"url":"https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2025\/06\/hokjes_0b.png","type":"image\/png"}],"author":"Jean-Fran\u00e7ois Roebers","twitter_card":"summary_large_image","twitter_misc":{"Geschreven door":"Jean-Fran\u00e7ois Roebers","Geschatte leestijd":"5 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/djoko.nl\/home6\/index.php\/2025\/06\/21\/verdeel-en-heers-1\/#article","isPartOf":{"@id":"https:\/\/djoko.nl\/home6\/index.php\/2025\/06\/21\/verdeel-en-heers-1\/"},"author":{"name":"Jean-Fran\u00e7ois Roebers","@id":"https:\/\/djoko.nl\/home6\/#\/schema\/person\/f3d259e86ce771777335741dba143a1c"},"headline":"Verdeel en heers","datePublished":"2025-06-21T12:42:41+00:00","dateModified":"2025-10-30T14:48:42+00:00","mainEntityOfPage":{"@id":"https:\/\/djoko.nl\/home6\/index.php\/2025\/06\/21\/verdeel-en-heers-1\/"},"wordCount":521,"commentCount":0,"publisher":{"@id":"https:\/\/djoko.nl\/home6\/#\/schema\/person\/f3d259e86ce771777335741dba143a1c"},"image":{"@id":"https:\/\/djoko.nl\/home6\/index.php\/2025\/06\/21\/verdeel-en-heers-1\/#primaryimage"},"thumbnailUrl":"https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2025\/06\/hokjes_0b.png","articleSection":["programmeren","visueel ontwerp","wiskunde"],"inLanguage":"nl-NL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/djoko.nl\/home6\/index.php\/2025\/06\/21\/verdeel-en-heers-1\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/djoko.nl\/home6\/index.php\/2025\/06\/21\/verdeel-en-heers-1\/","url":"https:\/\/djoko.nl\/home6\/index.php\/2025\/06\/21\/verdeel-en-heers-1\/","name":"Verdeel en heers - djoko","isPartOf":{"@id":"https:\/\/djoko.nl\/home6\/#website"},"primaryImageOfPage":{"@id":"https:\/\/djoko.nl\/home6\/index.php\/2025\/06\/21\/verdeel-en-heers-1\/#primaryimage"},"image":{"@id":"https:\/\/djoko.nl\/home6\/index.php\/2025\/06\/21\/verdeel-en-heers-1\/#primaryimage"},"thumbnailUrl":"https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2025\/06\/hokjes_0b.png","datePublished":"2025-06-21T12:42:41+00:00","dateModified":"2025-10-30T14:48:42+00:00","breadcrumb":{"@id":"https:\/\/djoko.nl\/home6\/index.php\/2025\/06\/21\/verdeel-en-heers-1\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/djoko.nl\/home6\/index.php\/2025\/06\/21\/verdeel-en-heers-1\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/djoko.nl\/home6\/index.php\/2025\/06\/21\/verdeel-en-heers-1\/#primaryimage","url":"https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2025\/06\/hokjes_0b.png","contentUrl":"https:\/\/djoko.nl\/home6\/wp-content\/uploads\/2025\/06\/hokjes_0b.png","width":960,"height":160},{"@type":"BreadcrumbList","@id":"https:\/\/djoko.nl\/home6\/index.php\/2025\/06\/21\/verdeel-en-heers-1\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/djoko.nl\/home6\/"},{"@type":"ListItem","position":2,"name":"Verdeel en heers"}]},{"@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\/675","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=675"}],"version-history":[{"count":24,"href":"https:\/\/djoko.nl\/home6\/index.php\/wp-json\/wp\/v2\/posts\/675\/revisions"}],"predecessor-version":[{"id":915,"href":"https:\/\/djoko.nl\/home6\/index.php\/wp-json\/wp\/v2\/posts\/675\/revisions\/915"}],"wp:attachment":[{"href":"https:\/\/djoko.nl\/home6\/index.php\/wp-json\/wp\/v2\/media?parent=675"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/djoko.nl\/home6\/index.php\/wp-json\/wp\/v2\/categories?post=675"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/djoko.nl\/home6\/index.php\/wp-json\/wp\/v2\/tags?post=675"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}