{"id":986,"date":"2018-01-11T21:31:54","date_gmt":"2018-01-11T21:31:54","guid":{"rendered":"http:\/\/hein.artstage.nl\/?p=986"},"modified":"2018-01-13T14:33:20","modified_gmt":"2018-01-13T14:33:20","slug":"sterrenhemel","status":"publish","type":"post","link":"https:\/\/hein.artstage.nl\/?p=986","title":{"rendered":"Sterrenhemel"},"content":{"rendered":"

Wat is er mooier dan een zwarte hemel met sterren. Dat kan nu ook in als Internet pagina.<\/p>\n

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

\n
<HTML><\/div>\n
<style type=”text\/css”><\/div>\n
body {<\/div>\n
background: #000000;<\/div>\n
}<\/div>\n
canvas {<\/div>\n
display: block;<\/div>\n
}<\/div>\n
<\/style><\/div>\n
<\/div>\n
<BODY><\/div>\n
<br><\/div>\n
<br><\/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
TekenVlak.fillStyle = ‘white’;<\/div>\n
TekenVlak.strokeStyle = ‘white’;<\/div>\n
var PI = Math.PI;<\/div>\n
var P = 0;<!– Aantal baanpunten –><\/div>\n
var M = 0;<!– Loop counter –><\/div>\n
var X = 1;<!– Begin punt –><\/div>\n
var Y = 0;<\/div>\n
R = 1;<\/div>\n
var A = R * Math.cos(2 * PI \/ 3);<\/div>\n
var B = R * Math.sin(2 * PI \/ 3);<\/div>\n
var C = Math.round(Math.random() * 4 + 1);<\/div>\n
var Zx = 50;<!– Zoom factor –><\/div>\n
var Zy = 50;<!– Zoom factor –><\/div>\n
var Xmid = 400;<\/div>\n
var Ymid = 300;<\/div>\n
var Titel = “Sterren Hemel”;<\/div>\n
var Bodem = “\\u00A9 H.L. Muller 2016”;<\/div>\n
<\/div>\n
TekenVlak.font = “16pt sans-serif”;<\/div>\n
TekenVlak.fillText(Titel,20,20);<\/div>\n
<\/div>\n
K = 1<\/div>\n
while (K < 15001 ){<\/div>\n
I = Math.round(Math.random() * 5 + 1);<\/div>\n
if (I == 1){<\/div>\n
Z = X;<!– Rotatie 1 –><\/div>\n
X = A * X – B * Y;<\/div>\n
Y = B * Z + A * Y;<\/div>\n
}<\/div>\n
<\/div>\n
if (I == 2){<\/div>\n
Z = X;<!– Rotatie 2 –><\/div>\n
X = X \/ 2 + Y;<\/div>\n
Y = -1* Z – Y \/ 2;<\/div>\n
}<\/div>\n
<\/div>\n
if (I == 3){<\/div>\n
Z = X;<!– Rotatie 3 –><\/div>\n
X = Y \/ 2;<\/div>\n
Y = Z + Y;<\/div>\n
}<\/div>\n
<\/div>\n
if (I == 4){<\/div>\n
Z = X;<!– Rotatie 4 –><\/div>\n
X = Y \/ 2;<\/div>\n
Y = Z – Y;<\/div>\n
}<\/div>\n
<\/div>\n
if (I == 5){<\/div>\n
Z = X;<!– Rotatie 5 –><\/div>\n
X = (X * X – Y * Y + C + 1) \/ C;<\/div>\n
Y = 2 * Z * Y \/ C;<\/div>\n
}<\/div>\n
if (I == 6){<\/div>\n
Z = X;<!– Rotatie 6 –><\/div>\n
X = (X * X + Y * Y + C + 1) \/ C;<\/div>\n
Y = 2 * Z * Y \/ C;<\/div>\n
}<\/div>\n
<\/div>\n
X1rel = Xmid + (X * Zx);<\/div>\n
Y1rel = Ymid – (Y * Zy);<\/div>\n
TekenVlak.fillRect(X1rel, Y1rel,1,1);<\/div>\n
TekenVlak.stroke();<\/div>\n
K++;<\/div>\n
}<\/div>\n
<\/div>\n
TekenVlak.font = “8pt sans-serif”;<\/div>\n
TekenVlak.fillText(Bodem,20,600);<\/div>\n
TekenVlak.stroke();<\/div>\n
<\/SCRIPT><\/div>\n
<br><\/div>\n
<\/BODY><\/div>\n
<\/HTML><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

Wat is er mooier dan een zwarte hemel met sterren. Dat kan nu ook in als Internet pagina. Klik hier voor een voorbeeld <HTML> <style type=”text\/css”> body { background: #000000; } canvas { display: block; } <\/style> <BODY> <br> <br> <canvas id=”myCanvas” width=”1000″ height=”800″> <\/canvas> <SCRIPT> var TekenOppervlak = document.getElementById(“myCanvas”); var TekenVlak = TekenOppervlak.getContext(“2d”); TekenVlak.fillStyle […]<\/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-986","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\/986","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=986"}],"version-history":[{"count":10,"href":"https:\/\/hein.artstage.nl\/index.php?rest_route=\/wp\/v2\/posts\/986\/revisions"}],"predecessor-version":[{"id":998,"href":"https:\/\/hein.artstage.nl\/index.php?rest_route=\/wp\/v2\/posts\/986\/revisions\/998"}],"wp:attachment":[{"href":"https:\/\/hein.artstage.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=986"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hein.artstage.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=986"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hein.artstage.nl\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=986"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}