{"id":355,"date":"2009-07-23T09:32:58","date_gmt":"2009-07-23T16:32:58","guid":{"rendered":"https:\/\/actionsnippet.com\/?p=1826"},"modified":"2009-07-23T09:32:58","modified_gmt":"2009-07-23T16:32:58","slug":"sphere-of-squares","status":"publish","type":"post","link":"https:\/\/actionsnippet.com\/?p=355","title":{"rendered":"Sphere of Squares"},"content":{"rendered":"
\r\n[SWF(width = 600, height = 600, backgroundColor=0x000000)]\r\nvar squareNum:int  = 1000;\r\nvar hw:Number = stage.stageWidth \/ 2;\r\nvar hh:Number = stage.stageHeight \/ 2;\r\n\/\/ verts defines a single square\r\nvar verts:Vector.<Number> = Vector.<Number>([-20, 0, 0, 20, 0, 0, 20, 0, 40, -20, 0, 40, -20, 0, 0]);\r\nvar cmds:Vector.<int> = Vector.<int>([1,2,2,2,2]);\r\nvar tempVerts:Vector.<Number> = new Vector.<Number>();\r\nvar newVerts:Vector.<Number> = new Vector.<Number>();\r\nvar pVerts:Vector.<Number> = new Vector.<Number>(10 * squareNum);\r\nvar uv:Vector.<Number> = new Vector.<Number>(15 * squareNum);\r\nvar vectors:Shape = new Shape();\r\nvar canvas:BitmapData = new BitmapData(stage.stageWidth,stage.stageHeight,false, 0x000000);\r\naddChild(new Bitmap(canvas));\r\nvar blurred:BitmapData = new BitmapData(stage.stageWidth,stage.stageHeight,false, 0x000000);\r\nvar blur:BlurFilter = new BlurFilter(20,20,1);\r\n\r\nvar m:Matrix3D = new Matrix3D();\r\n\r\nvar radius:Number = 200;\r\n\/\/ duplicate the verts array a bunch of times\r\n\/\/ each time moving the square to a random place on the\r\n\/\/ circumference of a sphere\r\nfor (var i:int = 0; i<squareNum; i++){\r\n\tm.identity();\r\n\tvar s:Number = Math.random()*.5 + .5;\r\n\tm.appendScale(s, s, s);\r\n\tm.appendRotation(90,Vector3D.X_AXIS);\r\n\tm.appendTranslation(0, 0, radius);\r\n\tm.appendRotation(Math.random()*360,Vector3D.X_AXIS);\r\n\tm.appendRotation(Math.random()*360,Vector3D.Y_AXIS);\r\n\tm.appendRotation(Math.random()*360,Vector3D.Z_AXIS);\r\n\tm.transformVectors(verts,tempVerts);\r\n\tnewVerts = newVerts.concat(tempVerts);\r\n\tcmds = cmds.concat(Vector.<int>([1,2,2,2,2]));\r\n}\r\nnewVerts.fixed = pVerts.fixed = uv.fixed = true;\r\nvar dx:Number = 0, dy:Number = 0;\r\nvar pnt:Point = new Point();\r\naddEventListener(Event.ENTER_FRAME, onLoop);\r\nfunction onLoop(evt:Event):void {\r\n\t   dx += (mouseX - dx) \/ 4;\r\n\t   dy += (mouseY - dy) \/ 4;\r\n\t   m.identity();\r\n\t   m.appendRotation(dx,Vector3D.Z_AXIS);\r\n\t   m.appendRotation(dy,Vector3D.X_AXIS);\r\n\t   m.appendTranslation(hw,hh, 0);\r\n\t   Utils3D.projectVectors(m, newVerts, pVerts, uv);\r\n\t   with(vectors.graphics){\r\n\t\t   clear();\r\n\t\t   beginFill(0xFFFFFF);\r\n\t\t   drawCircle(hw, hh, radius+10);\r\n\t\t   beginFill(0x000000);\r\n\t\t   drawPath(cmds, pVerts, GraphicsPathWinding.NON_ZERO);\r\n\t   }\r\n\t   canvas.fillRect(canvas.rect, 0x000000);\r\n\t   canvas.draw(vectors);\r\n\t   blurred.copyPixels(canvas, canvas.rect, pnt);\r\n\t   blurred.applyFilter(blurred,blurred.rect, pnt, blur);\r\n\t   canvas.draw(blurred, null, null, BlendMode.SCREEN);\r\n}\r\n<\/pre>\n
This snippet is similar to yesterdays post but the visual result is rather different. This one does a little more Matrix3D stuff resulting in a sphere made up entirely of squares. This is obscured by the size of the squares and the fact that they overlap and cut each other up. BitmapData a BlurFilter and a BlendMode give the entire thing a slight glow…<\/p>\n

\nHave a look at the swf here…<\/p>\n
<\/a>