{"id":988,"date":"2018-01-11T21:42:54","date_gmt":"2018-01-11T21:42:54","guid":{"rendered":"http:\/\/hein.artstage.nl\/?p=988"},"modified":"2018-01-13T14:39:04","modified_gmt":"2018-01-13T14:39:04","slug":"moderne-kunst","status":"publish","type":"post","link":"https:\/\/hein.artstage.nl\/?p=988","title":{"rendered":"Moderne Kunst"},"content":{"rendered":"<p>Wie zegt dat je geen kunst met computers kan maken liegt. Het kan nu zelfs op een web pagina.<\/p>\n<div><a href=\"https:\/\/www.heinprivenl.net\/s\/jGWSbM1UrfEcjEF\" target=\"_blank\" rel=\"noopener\">Klik hier voor een voorbeeld<\/a><\/div>\n<div><\/div>\n<div>\n<div>&lt;HTML&gt;<\/div>\n<div style=\"padding-left: 30px;\">&lt;BODY&gt;<\/div>\n<div style=\"padding-left: 60px;\">&lt;br&gt;<\/div>\n<div style=\"padding-left: 60px;\">&lt;br&gt;<\/div>\n<div style=\"padding-left: 60px;\">&lt;!&#8211; Tekengebied met een vierkant met zwarte rand erin &#8211;&gt;<\/div>\n<div style=\"padding-left: 60px;\">&lt;canvas id=&#8221;myCanvas&#8221; width=&#8221;1000&#8243; height=&#8221;800&#8243;&gt;<\/div>\n<div style=\"padding-left: 60px;\">&lt;\/canvas&gt;<\/div>\n<div style=\"padding-left: 60px;\">&lt;SCRIPT&gt;<\/div>\n<div style=\"padding-left: 90px;\">var TekenOppervlak = document.getElementById(&#8220;myCanvas&#8221;);<\/div>\n<div style=\"padding-left: 90px;\">var TekenVlak = TekenOppervlak.getContext(&#8220;2d&#8221;);<\/div>\n<div style=\"padding-left: 90px;\">var Xpos = 100;<\/div>\n<div style=\"padding-left: 90px;\">var Ypos = 200;<\/div>\n<div style=\"padding-left: 90px;\">var Breedte = 400;<\/div>\n<div style=\"padding-left: 90px;\">var Hoogte = 400;<\/div>\n<div style=\"padding-left: 90px;\">var teller = 0;<\/div>\n<div style=\"padding-left: 90px;\">var color1 = &#8220;#000000&#8221;;<\/div>\n<div style=\"padding-left: 90px;\">var color2 = &#8220;#000000&#8221;;<\/div>\n<div style=\"padding-left: 90px;\">var Rood = &#8220;&#8221;;<\/div>\n<div style=\"padding-left: 90px;\">var Groen= &#8220;&#8221;;<\/div>\n<div style=\"padding-left: 90px;\">var Blauw = &#8220;&#8221;;<\/div>\n<div style=\"padding-left: 90px;\">var KleurIndex = 0;<\/div>\n<div style=\"padding-left: 90px;\">var TotaalBlokken = \u00a0Math.floor(Math.random() * 100) + 1;<\/div>\n<div style=\"padding-left: 90px;\"><\/div>\n<div style=\"padding-left: 90px;\">while (teller&lt;TotaalBlokken){<\/div>\n<div style=\"padding-left: 120px;\">&lt;!&#8211; Krimpend Vierkant &#8211;&gt;<\/div>\n<div style=\"padding-left: 120px;\">Breedte= Math.floor(Math.random() * 600);<\/div>\n<div style=\"padding-left: 120px;\">Hoogte= Math.floor(Math.random() * 500);<\/div>\n<div style=\"padding-left: 120px;\">Xpos = Math.floor(Math.random() * 700);<\/div>\n<div style=\"padding-left: 120px;\">Ypos = Math.floor(Math.random() * 500);<\/div>\n<div style=\"padding-left: 120px;\">KleurIndex = Math.floor(Math.random() * 255);<\/div>\n<div style=\"padding-left: 120px;\">Rood = KleurIndex.toString(16);<\/div>\n<div style=\"padding-left: 120px;\">KleurIndex = Math.floor(Math.random() * 255);<\/div>\n<div style=\"padding-left: 120px;\">Groen = KleurIndex.toString(16);<\/div>\n<div style=\"padding-left: 120px;\">KleurIndex = Math.floor(Math.random() * 255);<\/div>\n<div style=\"padding-left: 120px;\">Blauw = KleurIndex.toString(16);<\/div>\n<div style=\"padding-left: 120px;\">color1 = &#8220;#&#8221; + Rood + Groen + Blauw;&lt;!&#8211; Construct HTML RGB color &#8211;&gt;<\/div>\n<div style=\"padding-left: 120px;\">KleurIndex = Math.floor(Math.random() * 255);<\/div>\n<div style=\"padding-left: 120px;\">Rood = KleurIndex.toString(16);<\/div>\n<div style=\"padding-left: 120px;\">KleurIndex = Math.floor(Math.random() * 255);<\/div>\n<div style=\"padding-left: 120px;\">Groen = KleurIndex.toString(16);<\/div>\n<div style=\"padding-left: 120px;\">KleurIndex = Math.floor(Math.random() * 255);<\/div>\n<div style=\"padding-left: 120px;\">Blauw = KleurIndex.toString(16);<\/div>\n<div style=\"padding-left: 120px;\">color2 = &#8220;#&#8221; + Rood + Groen + Blauw;&lt;!&#8211; Construct HTML RGB color &#8211;&gt;<\/div>\n<div style=\"padding-left: 120px;\"><\/div>\n<div style=\"padding-left: 120px;\">&lt;!&#8211; make sure color sring is # plus six characters, so total of 7 &#8230; &#8211;&gt;<\/div>\n<div style=\"padding-left: 120px;\">while (color1.length &lt; 7) {color1 = color1 + &#8220;0&#8221;}<\/div>\n<div style=\"padding-left: 120px;\">if (color1.length &gt; 7) {color1 = color1.substring(0, 7)}<\/div>\n<div style=\"padding-left: 120px;\">while (color2.length &lt; 7) {color2 = color2 + &#8220;0&#8221;}<\/div>\n<div style=\"padding-left: 120px;\">if (color2.length &gt; 7) {color1 = color2.substring(0, 7)}<\/div>\n<div style=\"padding-left: 120px;\"><\/div>\n<div style=\"padding-left: 120px;\">var BlockFill = TekenVlak.createLinearGradient(Xpos,Ypos,Xpos + Breedte,Ypos + Hoogte);<\/div>\n<div style=\"padding-left: 120px;\">BlockFill.addColorStop(0,color1);<\/div>\n<div style=\"padding-left: 120px;\">BlockFill.addColorStop(1,color2);<\/div>\n<div style=\"padding-left: 120px;\">TekenVlak.fillStyle = BlockFill;<\/div>\n<div style=\"padding-left: 120px;\">TekenVlak.lineWidth = 1.0;<\/div>\n<div style=\"padding-left: 120px;\">TekenVlak.fillRect(Xpos,Ypos,Breedte,Hoogte);<\/div>\n<div style=\"padding-left: 120px;\">TekenVlak.stroke();<\/div>\n<div style=\"padding-left: 120px;\">teller++;<\/div>\n<div style=\"padding-left: 90px;\">}<\/div>\n<div style=\"padding-left: 60px;\">&lt;\/SCRIPT&gt;<\/div>\n<div style=\"padding-left: 60px;\">&lt;br&gt;<\/div>\n<div style=\"padding-left: 60px;\">&lt;div align=&#8221;right&#8221; width=&#8221;1000&#8243;&gt;&amp;copy; H.L. Muller 2016&lt;\/div&gt;<\/div>\n<div style=\"padding-left: 30px;\">&lt;\/BODY&gt;<\/div>\n<div>&lt;\/HTML&gt;<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Wie zegt dat je geen kunst met computers kan maken liegt. Het kan nu zelfs op een web pagina. Klik hier voor een voorbeeld &lt;HTML&gt; &lt;BODY&gt; &lt;br&gt; &lt;br&gt; &lt;!&#8211; Tekengebied met een vierkant met zwarte rand erin &#8211;&gt; &lt;canvas id=&#8221;myCanvas&#8221; width=&#8221;1000&#8243; height=&#8221;800&#8243;&gt; &lt;\/canvas&gt; &lt;SCRIPT&gt; var TekenOppervlak = document.getElementById(&#8220;myCanvas&#8221;); var TekenVlak = TekenOppervlak.getContext(&#8220;2d&#8221;); var Xpos = [&hellip;]<\/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-988","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\/988","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=988"}],"version-history":[{"count":2,"href":"https:\/\/hein.artstage.nl\/index.php?rest_route=\/wp\/v2\/posts\/988\/revisions"}],"predecessor-version":[{"id":999,"href":"https:\/\/hein.artstage.nl\/index.php?rest_route=\/wp\/v2\/posts\/988\/revisions\/999"}],"wp:attachment":[{"href":"https:\/\/hein.artstage.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=988"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hein.artstage.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=988"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hein.artstage.nl\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=988"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}