{"id":420,"date":"2009-10-02T16:59:31","date_gmt":"2009-10-02T23:59:31","guid":{"rendered":"https:\/\/actionsnippet.com\/?p=2275"},"modified":"2009-10-02T16:59:31","modified_gmt":"2009-10-02T23:59:31","slug":"e8-inspired-forms","status":"publish","type":"post","link":"https:\/\/actionsnippet.com\/?p=420","title":{"rendered":"E8 Inspired Forms"},"content":{"rendered":"<p>This doesn&#8217;t have much to do with <a href=\"http:\/\/en.wikipedia.org\/wiki\/E8_%28mathematics%29\" target=\"blank\">E8<\/a>.. but it is vaguely inspired by it&#8230;<br \/>\n<a href=\"http:\/\/www.actionsnippet.com\/swfs\/e8esque.html\" target=\"blank\"><br \/>\nView the demo&#8230; (source code is below)<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/actionsnippet.com\/wp-content\/e8circles.jpg\" \/><a\/><\/p>\n<pre class=\"brush: as3; title: ; notranslate\" title=\"\">\r\nvar hw:Number = stage.stageWidth \/ 2;\r\nvar hh:Number = stage.stageHeight \/ 2;\r\n\r\nvar canvas:BitmapData = new BitmapData(stage.stageWidth,stage.stageHeight, false, 0x333333);\r\naddChild(new Bitmap(canvas));\r\nvar vector:Shape = Shape(addChild(new Shape()));\r\n\r\n\/\/ contrast\r\nvar cm:ColorMatrixFilter = new ColorMatrixFilter(&#x5B;2.6,0,0,0,-101.6,0,2.6,0,0,-101.6,0,0,2.6,0,-101.6,0,0,0,1,0]);\r\nfilters = &#x5B;cm];\r\n\r\nvar over:BitmapData = new BitmapData(stage.stageWidth,stage.stageHeight, false, 0x333333);\r\nvar frm:Bitmap = Bitmap(addChild(new Bitmap(over)));\r\n\r\nfrm.blendMode = BlendMode.OVERLAY;\r\n \r\nvar dotNum:int = 250;\r\nvar dotConnected:int = 0;\r\nvar curr:int = 0;\r\nvar prevConnected:int = -1;\r\nvar dots:Vector.&lt;Point&gt; = new Vector.&lt;Point&gt;(dotNum, true);\r\n\r\n\/\/ consider altering this value manually\r\nvar step:Number =  Math.random()*10\r\n\r\nvar theta:Number = -.5234;\r\nfor (var i:int= 0; i &lt; dotNum; i++){\r\n\tvar r:Number = 280\r\n\ttheta += step;\r\n\tvar xp:Number = hw + r  * Math.cos(theta);\r\n\tvar yp:Number = hh + r * Math.sin(theta);\r\n\tdots&#x5B;i] = new Point(xp, yp);\r\n}\r\n\r\nvar col:uint = 0xFFFFFF;\r\nvar a:Point, b:Point;\r\nvar connections:int = 0;\r\n\r\nvar txt:TextField = TextField(addChild(new TextField()));\r\ntxt.defaultTextFormat = new TextFormat(&quot;_sans&quot;, 12);\r\ntxt.textColor = 0x555555, txt.x = 10, txt.y = 10;\r\ntxt.autoSize = &quot;left&quot;;\r\ntxt.text = step.toString();\r\n\r\naddEventListener(Event.ENTER_FRAME, onLoop);\r\nfunction onLoop(evt:Event):void{\r\n\t \r\n\tover.applyFilter(canvas, over.rect, new Point(0,0), new BlurFilter(10,10, 1));\r\n\t\r\n\tfor (var i:int = 0; i&lt;100; i++){\r\n\t\tif (dotConnected &lt; dotNum - 1){\r\n\t\t\tif (prevConnected != dotConnected){\r\n\t\t\t\ta = dots&#x5B;dotConnected];\r\n\t\t\t}\r\n\t\t\tprevConnected = dotConnected;\r\n\t\t\tb = dots&#x5B;curr];\r\n\t\t\tcurr++;\r\n\t\t\t\r\n\t\t\tif (a != b){\r\n\t\t\t\tconnections++;\r\n\t\t\t\tvector.graphics.clear();\r\n\t\t\t\tvector.graphics.lineStyle(0,col,0.05);\r\n\t\t\t\tvector.graphics.moveTo(a.x, a.y);\r\n\t\t\t\tvector.graphics.lineTo(b.x, b.y);\r\n\t\t\t\tcanvas.draw(vector); \r\n\t\t\t}\r\n\t\t\tif (curr &gt; dotNum - 1){\r\n\t\t\t\tcurr = 0;\r\n\t\t\t\tdotConnected++;\r\n\t\t\t\tcol =&#x5B;0,0xFFFFFF]&#x5B;int(Math.random()*2)];\r\n\t\t\t} \r\n\t\t}else{\r\n\t\t\tbreak;\r\n\t\t\ttrace(&quot;done&quot;);\r\n\t\t\tremoveEventListener(Event.ENTER_FRAME, onLoop);\r\n\t\t}\r\n\t}\r\n}\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>This doesn&#8217;t have much to do with E8.. but it is vaguely inspired by it&#8230; View the demo&#8230; (source code is below) var hw:Number = stage.stageWidth \/ 2; var hh:Number = stage.stageHeight \/ 2; var canvas:BitmapData = new BitmapData(stage.stageWidth,stage.stageHeight, false, 0x333333); addChild(new Bitmap(canvas)); var vector:Shape = Shape(addChild(new Shape())); \/\/ contrast var cm:ColorMatrixFilter = new ColorMatrixFilter(&#x5B;2.6,0,0,0,-101.6,0,2.6,0,0,-101.6,0,0,2.6,0,-101.6,0,0,0,1,0]); [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[24,121,94],"tags":[3,14,4],"class_list":["post-420","post","type-post","status-publish","format-standard","hentry","category-bitmapdata","category-math","category-misc","tag-actionscript","tag-as3","tag-flash"],"_links":{"self":[{"href":"https:\/\/actionsnippet.com\/index.php?rest_route=\/wp\/v2\/posts\/420","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/actionsnippet.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/actionsnippet.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/actionsnippet.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/actionsnippet.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=420"}],"version-history":[{"count":0,"href":"https:\/\/actionsnippet.com\/index.php?rest_route=\/wp\/v2\/posts\/420\/revisions"}],"wp:attachment":[{"href":"https:\/\/actionsnippet.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=420"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/actionsnippet.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=420"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/actionsnippet.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=420"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}