Erstmal zu acht hier. Mit Quint. Morten und Angelo sind auch da. Wir machen weiter mit Minsky. Code folgt…<\/p>\n\n\n\n
var HtmlElements = {\n jsCanvas: \"\"\n};\n\nvar Canvas = {\n\telement: \"\",\n\tget: function (width = 800, height = 800) {\n\t\tCanvas.element = document.createElement(\"canvas\");\n\t\tbodyTag = document.getElementsByTagName(\"body\")[0];\n\t\tbodyTag.appendChild(Canvas.element);\n\t\tCanvas.element.width = width;\n\t\tCanvas.element.height = height;\n\t\tCanvas.element.style.border = \"12px solid red\";\n\t\t\/\/~ var canvasWidth = Canvas.element.width;\n\t\t\/\/~ var canvasHeight = Canvas.element.height;\n\t\tvar context= Canvas.element.getContext(\"2d\");\n\t\t\n\t\tvar canvasData = context.getImageData(0, 0, Canvas.element.width, Canvas.element.height);\n\t\tvar walk = function (r, g, b, a) {\n\t\t\tfor (var j = 30; j < 330; j++) {\n\t\t\t\tdraw(j,j,r,g,b,a);\n\t\t\t\tdraw(j,j+1,r,g,b,a);\n\t\t\t\tdraw(j,j+2,r,g,b,a);\n\t\t\t\tdraw(j,j+3,r,g,b,a);\n\t\t\t}\t\n\t\t}\n\n\t\tfunction draw (x,y, r, g, b, a) {\n\t\t\tif(x < 0 || x >= width ||\n\t\t\t y < 0 || y >= height)\n\t\t\t\treturn;\n\t\t\tvar index = (x + y * width) * 4;\n\t\t\tcanvasData.data[index + 0] = r;\n\t\t\tcanvasData.data[index + 1] = g;\n\t\t\tcanvasData.data[index + 2] = b;\n\t\t\tcanvasData.data[index + 3] = a;\n\t\t}\n\t\t\n\t\tfunction drawSquare(x,y,color,size) {\n\t\t\ta = 255;\n\t\t\tfor (var i = 0; i < size; i++) {\n\t\t\t\tfor (var j = 0; j < size; j++) {\n\t\t\t\t\tdraw (x+i,y+j,color.r,color.g,color.b,a);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t\n\t\tvar minsky_q = function (x, y, d, e, color, units) {\n\t\t\tvar iMax = 1000;\n\t\t\tfor (var i = 0; i < iMax; i++) {\n\t\t\t\tx = x - Math.floor(d*y);\n\t\t\t\ty = y + Math.floor(e*x);\n\t\t\t\tdrawSquare((x|0) * units + Canvas.element.width\/2, Canvas.element.height\/2 - (y|0) * units, color, units-1);\n\t\t\t}\n\t\t}\n\t\tvar minsky_circ = function (x, y, d, e, color, units) {\n\t\t\tvar a = 2*e\/Math.sqrt(d*e*(4-d*e));\n\t\t\t\/\/~ console.log(a);\n\t\t\t\/\/~ console.log(\"minsky_circ_a\");\n\t\t\t\/\/~ var a = 1;\n\t\t\tvar b = -Math.sqrt(d*e\/(4-d*e));\n\t\t\t\/\/~ var b = 0;\n\t\t\tvar iMax = 100000;\n\t\t\tfor (var i = 0; i < iMax; i++) {\n\t\t\t\tx = x - Math.floor(d*y);\n\t\t\t\ty = y + Math.floor(e*x);\n\t\t\t\t\/\/int gecastet durch |0\n\t\t\t\tdrawSquare(((x*a+y*b)|0) * units + Canvas.element.width\/2, Canvas.element.height\/2 - (y|0) * units, color, units-1);\n\t\t\t}\n\t\t}\n\t\tvar W = function(p) {\n\t\t\tvar bla = Math.sin(Math.PI\/p);\n\t\t\tvar ret = 4*bla*bla;\n\t\t\t\/\/~ console.log(ret);\n\t\t\t\/\/~ console.log(\"bla\");\n\t\t\treturn ret;\n\t\t}\n\t\tvar color = function (r,g,b) {\n\t\t\treturn {r:r, g:g, b:b};\n\t\t}\n\t\t\t\n\t\tvar colorGenerate = function () {\n\t\t\t\n\t\t}\n\/* accepts parameters\n * h Object = {h:x, s:y, v:z}\n * OR \n * h, s, v\n*\/\nfunction HSVtoRGB(h, s, v) {\n var r, g, b, i, f, p, q, t;\n if (arguments.length === 1) {\n s = h.s, v = h.v, h = h.h;\n }\n i = Math.floor(h * 6);\n f = h * 6 - i;\n p = v * (1 - s);\n q = v * (1 - f * s);\n t = v * (1 - (1 - f) * s);\n switch (i % 6) {\n case 0: r = v, g = t, b = p; break;\n case 1: r = q, g = v, b = p; break;\n case 2: r = p, g = v, b = t; break;\n case 3: r = p, g = q, b = v; break;\n case 4: r = t, g = p, b = v; break;\n case 5: r = v, g = p, b = q; break;\n }\n return {\n r: Math.round(r * 255),\n g: Math.round(g * 255),\n b: Math.round(b * 255)\n };\n}\n\n\n\t\t\/\/~ minsky_q(15, -24, 1, W(7), color(255,0,0), 4);\n\t\t\/\/~ minsky_q(15, -37, 1, W(7), color(0,0,255), 4);\n\t\t\/\/~ minsky_q(15, -16, 1, W(7), color(255, 0, 255), 4);\n\t\t\/\/~ minsky_q(15, -4, 1, W(7), color(255,0,0), 4);\n\t\t\/\/~ minsky_q(15, -12, 1, W(7), color(255,0,0), 4);\n\t\t\/\/~ minsky_q(15, -49, 1, W(7), color(255,0,0), 4);\n\t\t\/\/~ minsky_q(15, -55, 1, W(7), color(255,0,0), 4);\n\t\t\n\t\t\n\n\t\t\/\/~ minsky_circ(15, -24, 1, W(7), color(255,0,0), 4);\n\t\t\/\/~ minsky_circ(15, -37, 1, W(7), color(0,0,255), 4);\n\t\t\/\/~ minsky_circ(15, -16, 1, W(7), color(255, 0, 255), 4);\n\t\t\/\/~ minsky_circ(15, -4, 1, W(7), color(255,0,0), 4);\n\t\t\/\/~ minsky_circ(15, -12, 1, W(7), color(255,0,0), 4);\n\t\t\/\/~ minsky_circ(15, -49, 1, W(7), color(255,0,0), 4);\n\t\t\/\/~ minsky_circ(15, -55, 1, W(7), color(255,0,0), 4);\n\t\t\n\t\t\/\/~ minsky_q(1, 0, 8\/15, 15\/4, color(255,111,0), 4);\n\t\t\/\/~ minsky_circ(1, 0, 8\/15, 15\/4, color(255,111,0), 4);\n\t\tminsky_circ(-19\/24, -1015\/121, 7381\/5040, 5040\/7381, color(255,111,0), 2);\n\/\/~ context.fillRect(100, 50, 200, 100);\n\t\t\/\/~ walk(255,100,122,255);\n\t\tcontext.putImageData(canvasData, 0,0);\n return Canvas.element;\n },\n setAbsolutePosition: function (x, y, div) {\n \"use strict\";\n div.style.top = BaseValues.height - y + \"px\";\n div.style.left = BaseValues.width \/ 2 + x + \"px\";\n }\n};\nwindow.onload = function () {\n\t\n\tvar jsCanvas = Canvas.get(800,800);\n\t\n \n};\n<\/code><\/pre>\n\n\n\n<\/p>\n","protected":false},"excerpt":{"rendered":"
Erstmal zu acht hier. Mit Quint. Morten und Angelo sind auch da. Wir machen weiter mit Minsky. Code folgt…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-2948","post","type-post","status-publish","format-standard","hentry","category-allgemein"],"_links":{"self":[{"href":"https:\/\/wordpress.wvs-berlin.de\/index.php?rest_route=\/wp\/v2\/posts\/2948","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.wvs-berlin.de\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.wvs-berlin.de\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.wvs-berlin.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.wvs-berlin.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2948"}],"version-history":[{"count":1,"href":"https:\/\/wordpress.wvs-berlin.de\/index.php?rest_route=\/wp\/v2\/posts\/2948\/revisions"}],"predecessor-version":[{"id":2949,"href":"https:\/\/wordpress.wvs-berlin.de\/index.php?rest_route=\/wp\/v2\/posts\/2948\/revisions\/2949"}],"wp:attachment":[{"href":"https:\/\/wordpress.wvs-berlin.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2948"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.wvs-berlin.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2948"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.wvs-berlin.de\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2948"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}