{"id":391,"date":"2009-08-30T00:44:47","date_gmt":"2009-08-30T07:44:47","guid":{"rendered":"https:\/\/actionsnippet.com\/?p=2064"},"modified":"2009-08-30T00:44:47","modified_gmt":"2009-08-30T07:44:47","slug":"3d-key-controls","status":"publish","type":"post","link":"https:\/\/actionsnippet.com\/?p=391","title":{"rendered":"3D Key Controls"},"content":{"rendered":"
\r\n[SWF(backgroundColor=0x000000, width=500, height=500)]\r\nvar hsw:Number = stage.stageWidth \/ 2;\r\nvar hsh:Number = stage.stageHeight \/ 2;\r\nvar pointNum:int = 300;\r\nvar points3D:Vector.<Number> = new Vector.<Number>();\r\nvar points2D:Vector.<Number> = new Vector.<Number>();\r\nvar uvts:Vector.<Number> = new Vector.<Number>();\r\nvar sorted:Array = [];\r\nvar pnt:Point = new Point();\r\nvar m:Matrix3D = new Matrix3D();\r\nvar v:Vector3D = new Vector3D();\r\nfor (var i:int = 0; i<pointNum; i++){\r\n\tv.x = 300;\r\n\tv.y = v.z = 0;\r\n\tm.identity();\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\tv = m.transformVector(v);\r\n\tpoints3D.push(v.x, v.y, v.z);\r\n\tpoints2D.push(0,0);\r\n\tuvts.push(0,0,0);\r\n\tsorted.push(new Vector3D());\r\n}\r\npoints3D.fixed = true;\r\npoints2D.fixed = true;\r\nuvts.fixed = true;\r\nvar p:PerspectiveProjection = new PerspectiveProjection();\r\nvar proj:Matrix3D = p.toMatrix3D();\r\nvar rx:Number = 0, ry:Number = 0;\r\naddEventListener(Event.ENTER_FRAME, onLoop);\r\nfunction onLoop(evt:Event):void {\r\n\tvar i:int, j:int;\r\n\tm.identity();\r\n\tif (key[Keyboard.RIGHT]){\r\n\t\trx+=3\r\n\t}else\r\n\tif (key[Keyboard.LEFT]){\r\n\t\trx-=3\r\n\t}else\r\n\tif (key[Keyboard.UP]){\r\n\t\try-=3\r\n\t}else\r\n\tif (key[Keyboard.DOWN]){\r\n\t\try+=3\r\n\t}\r\n\tm.appendRotation(rx, Vector3D.Y_AXIS);\r\n\tm.appendRotation(ry, Vector3D.X_AXIS);\r\n\tm.appendTranslation(0, 0, 1000);\r\n\tm.append(proj);\r\n\tUtils3D.projectVectors(m, points3D, points2D, uvts);\r\n\tfor (i = 0, j = 0; i<points2D.length; i+=2, j++){\r\n\t\tsorted[j].x = points2D[i] + hsw;\r\n\t\tsorted[j].y = points2D[i + 1] + hsh;\r\n\t\tsorted[j].z = uvts[j * 3 + 2];\r\n\t}\r\n\tsorted.sortOn("z", Array.NUMERIC);\r\n\tgraphics.clear();\r\n\tgraphics.lineStyle(2, 0x000000, 0.1);\r\n\tfor(i = 0; i<sorted.length; i++){\r\n\t\tvar zpos:Number = sorted[i].z * 12000;\r\n\t\tvar c:int = zpos * 14;\r\n\t\tc = (c > 255) ? 255 : c;\r\n\t\tgraphics.beginFill(100<<16 | 100 << 8 |c);\r\n\t\tgraphics.drawCircle(sorted[i].x, sorted[i].y,zpos);\r\n\t\tgraphics.endFill();\r\n\t}\r\n}\r\n\r\n\/\/ permanently applies the matrix to the points3D vector\r\nfunction applyTransform():void{\r\n\tm.identity();\r\n\tm.appendRotation(rx, Vector3D.Y_AXIS);\r\n\tm.appendRotation(ry, Vector3D.X_AXIS);\r\n\tvar temp:Vector.<Number> = new Vector.<Number>();\r\n\tm.transformVectors(points3D, temp);\r\n\tpoints3D = temp;\r\n\tpoints3D.fixed = true;\r\n\trx = 0, ry = 0;\r\n}\r\n\r\n\/\/ basic key setup\r\nvar key:Object = new Object();\r\nstage.addEventListener(KeyboardEvent.KEY_DOWN, onKeyPressed);\r\nstage.addEventListener(KeyboardEvent.KEY_UP, onKeyReleased);\r\nfunction onKeyPressed(evt:KeyboardEvent):void {\r\n\tkey[evt.keyCode] = true;\r\n\tkey.keyCode = evt.keyCode;\r\n}\r\nfunction onKeyReleased(evt:KeyboardEvent):void { \r\n  applyTransform();\r\n  key[evt.keyCode] = false;\r\n}\r\n<\/pre>\n
In response to Thomas Francis’s question, this snippet takes the Simple z-sorting<\/a> snippet and shows how one might go about adding some basic key controls to it. It works by permanently applying x and y rotation transformations to the set of 3D points every time a key is released.<\/p>\n
Check out the swf…<\/p>\n
<\/a><\/p>\n
If you need to be able to rotate on both the x and y axis at the same time – and just need more flexibility… one way to do it would be to use quaternions<\/a> – which may be tricky – but there are plenty of examples out there in java, processing and C\/C++ just waiting to be ported (been on the todo list for some time actually).<\/p>\n
Haven’t been posting every day because I’ve been out of the country and away from my computer… have a backlog of snippets that need to be cleaned up and put in the pipeline…<\/i><\/p>\n","protected":false},"excerpt":{"rendered":"
[SWF(backgroundColor=0x000000, width=500, height=500)] var hsw:Number = stage.stageWidth \/ 2; var hsh:Number = stage.stageHeight \/ 2; var pointNum:int = 300; var points3D:Vector.<Number> = new Vector.<Number>(); var points2D:Vector.<Number> = new Vector.<Number>(); var uvts:Vector.<Number> = new Vector.<Number>(); var sorted:Array = []; var pnt:Point = new Point(); var m:Matrix3D = new Matrix3D(); var v:Vector3D = new Vector3D(); for (var […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[101,33,75,79],"tags":[3,14,4],"class_list":["post-391","post","type-post","status-publish","format-standard","hentry","category-3d","category-graphics","category-keys","category-vector","tag-actionscript","tag-as3","tag-flash"],"_links":{"self":[{"href":"https:\/\/actionsnippet.com\/index.php?rest_route=\/wp\/v2\/posts\/391","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=391"}],"version-history":[{"count":0,"href":"https:\/\/actionsnippet.com\/index.php?rest_route=\/wp\/v2\/posts\/391\/revisions"}],"wp:attachment":[{"href":"https:\/\/actionsnippet.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=391"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/actionsnippet.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=391"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/actionsnippet.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=391"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}