{"id":1013,"date":"2018-01-15T21:53:31","date_gmt":"2018-01-15T21:53:31","guid":{"rendered":"http:\/\/hein.artstage.nl\/?p=1013"},"modified":"2018-01-15T21:53:31","modified_gmt":"2018-01-15T21:53:31","slug":"fractal-h-boom","status":"publish","type":"post","link":"https:\/\/hein.artstage.nl\/?p=1013","title":{"rendered":"Fractal : H Boom"},"content":{"rendered":"

Omdat mijn naam nu eenmaal met een H begint en je daar ook een fractal mee kan maken.<\/p>\n

Klik hier voor een voorbeeld<\/a><\/p>\n

<HTML><\/div>\n
<BODY><\/div>\n
<br><\/div>\n
<br><\/div>\n
<!– H Boom Fractal –><\/div>\n
<canvas id=”myCanvas” width=”1000″ height=”800″><\/div>\n
<\/canvas><\/div>\n
<SCRIPT><\/div>\n
var TekenOppervlak = document.getElementById(“myCanvas”);<\/div>\n
var TekenVlak = TekenOppervlak.getContext(“2d”);<\/div>\n
var X = [];<\/div>\n
var Y = [];<\/div>\n
var P = 12;<!– Orde –><\/div>\n
var A = Math.sqrt(1\/2);<!– Verkortingsverhouding –><\/div>\n
var M = 0;<!– Loop counter –><\/div>\n
var S = 0;<\/div>\n
var Z = 100;<!– Zoom factor –><\/div>\n
var Xmid = 300;<\/div>\n
var Ymid = 200;<\/div>\n
var Titel = “Fractal H boom “;<\/div>\n
var Bodem = “\\u00A9 H.L. Muller 2016”;<\/div>\n
<\/div>\n
<!– Initialize Array to correct size –><\/div>\n
I = 0;<\/div>\n
while (I < 4096){<\/div>\n
X[I] = 0;<\/div>\n
Y[I] = 0;<\/div>\n
I++;<\/div>\n
}<\/div>\n
TekenVlak.fillStyle = ‘black’;<\/div>\n
TekenVlak.font = “16pt sans-serif”;<\/div>\n
TekenVlak.fillText(Titel,20,20);<\/div>\n
TekenVlak.stroke();<\/div>\n
<\/div>\n
while (M < P ){<\/div>\n
S = M % 2;<\/div>\n
N = Math.pow(2, M);<\/div>\n
T = Math.pow(2, M + 1) – 1;<\/div>\n
while (N < T) {<\/div>\n
I = 2 * N;<\/div>\n
if (S == 1) {<\/div>\n
X[I] = X[N];<\/div>\n
X[I + 1] = X[N];<\/div>\n
Y[I] = Y[N] + Math.pow(A, M);<\/div>\n
Y[I + 1] = Y[N] – Math.pow(A, M);<\/div>\n
}<\/div>\n
else {<\/div>\n
X[I] = X[N] + Math.pow(A, M);<\/div>\n
X[I + 1] = X[N] – Math.pow(A, M);<\/div>\n
Y[I] = Y[N];<\/div>\n
Y[I + 1] = Y[N];<\/div>\n
}<\/div>\n
N++;<\/div>\n
}<\/div>\n
M++;<\/div>\n
}<\/div>\n
N = 1;<\/div>\n
T = Math.pow(P + 1, 2) – 1;<\/div>\n
while \u00a0(N < T) {<\/div>\n
I = 2 * N;<\/div>\n
TekenVlak.strokeStyle = ‘black’;<\/div>\n
X1rel = parseInt(Xmid + (X[I] * Z));<\/div>\n
Y1rel = parseInt(Ymid + (Y[I] * Z));<\/div>\n
TekenVlak.moveTo (X1rel, Y1rel);<\/div>\n
X2rel = parseInt(Xmid + (X[I + 1] * Z));<\/div>\n
Y2rel = parseInt(Ymid + (Y[I + 1] * Z));<\/div>\n
TekenVlak.lineTo (X2rel,Y2rel);<\/div>\n
TekenVlak.stroke();<\/div>\n
N++;<\/div>\n
}<\/div>\n
TekenVlak.fillStyle = ‘black’;<\/div>\n
TekenVlak.font = “8pt sans-serif”;<\/div>\n
TekenVlak.fillText(Bodem,20,420);<\/div>\n
TekenVlak.stroke();<\/div>\n
<\/SCRIPT><\/div>\n
<br><\/div>\n
<\/BODY><\/div>\n
<\/HTML><\/div>\n","protected":false},"excerpt":{"rendered":"

Omdat mijn naam nu eenmaal met een H begint en je daar ook een fractal mee kan maken. Klik hier voor een voorbeeld <HTML> <BODY> <br> <br> <!– H Boom Fractal –> <canvas id=”myCanvas” width=”1000″ height=”800″> <\/canvas> <SCRIPT> var TekenOppervlak = document.getElementById(“myCanvas”); var TekenVlak = TekenOppervlak.getContext(“2d”); var X = []; var Y = []; var […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[51,49],"tags":[],"class_list":["post-1013","post","type-post","status-publish","format-standard","hentry","category-html-canvas","category-code-experiments"],"_links":{"self":[{"href":"https:\/\/hein.artstage.nl\/index.php?rest_route=\/wp\/v2\/posts\/1013","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hein.artstage.nl\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hein.artstage.nl\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hein.artstage.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hein.artstage.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1013"}],"version-history":[{"count":1,"href":"https:\/\/hein.artstage.nl\/index.php?rest_route=\/wp\/v2\/posts\/1013\/revisions"}],"predecessor-version":[{"id":1014,"href":"https:\/\/hein.artstage.nl\/index.php?rest_route=\/wp\/v2\/posts\/1013\/revisions\/1014"}],"wp:attachment":[{"href":"https:\/\/hein.artstage.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1013"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hein.artstage.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1013"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hein.artstage.nl\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1013"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}