{"id":699,"date":"2012-05-10T22:04:07","date_gmt":"2012-05-10T13:04:07","guid":{"rendered":"http:\/\/www.digifie.jp\/blog\/?p=699"},"modified":"2012-05-10T22:09:57","modified_gmt":"2012-05-10T13:09:57","slug":"openkinect-processing-flash-%e3%81%a7%e3%82%82%e3%81%86%e5%b0%91%e3%81%97%e9%81%8a%e3%82%93%e3%81%a7%e3%81%bf%e3%81%9f","status":"publish","type":"post","link":"https:\/\/www.digifie.jp\/blog\/archives\/699","title":{"rendered":"OpenKinect (Processing) + Flash \u3067\u3082\u3046\u5c11\u3057\u904a\u3093\u3067\u307f\u305f"},"content":{"rendered":"<div class='wp_social_bookmarking_light'>        <div class=\"wsbl_facebook\"><a href='http:\/\/www.facebook.com\/share.php?u=https%3A%2F%2Fwww.digifie.jp%2Fblog%2Farchives%2F699&t=OpenKinect%20%28Processing%29%20%2B%20Flash%20%E3%81%A7%E3%82%82%E3%81%86%E5%B0%91%E3%81%97%E9%81%8A%E3%82%93%E3%81%A7%E3%81%BF%E3%81%9F' title='Facebook \u306b\u30b7\u30a7\u30a2' rel=nofollow class='wp_social_bookmarking_light_a' target=_blank><img src='https:\/\/www.digifie.jp\/blog\/wp-content\/plugins\/wp-social-bookmarking-light\/public\/images\/facebook.png' alt='Facebook \u306b\u30b7\u30a7\u30a2' title='Facebook \u306b\u30b7\u30a7\u30a2' width='16' height='16' class='wp_social_bookmarking_light_img' \/><\/a><\/div>        <div class=\"wsbl_twitter\"><a href=\"https:\/\/twitter.com\/share\" class=\"twitter-share-button\" data-url=\"https:\/\/www.digifie.jp\/blog\/archives\/699\" data-text=\"OpenKinect (Processing) + Flash \u3067\u3082\u3046\u5c11\u3057\u904a\u3093\u3067\u307f\u305f\" data-via=\"LLC DigiFie\" data-lang=\"ja\">Tweet<\/a><\/div><\/div>\n<br class='wp_social_bookmarking_light_clear' \/>\n<p><a href=\"http:\/\/www.digifie.jp\/blog\/wp-content\/uploads\/2012\/05\/120510.jpg\"><img decoding=\"async\" loading=\"lazy\" src=\"http:\/\/www.digifie.jp\/blog\/wp-content\/uploads\/2012\/05\/120510.jpg\" alt=\"120510\" title=\"120510\" width=\"560\" height=\"235\" class=\"alignleft size-full wp-image-705\" srcset=\"https:\/\/www.digifie.jp\/blog\/wp-content\/uploads\/2012\/05\/120510.jpg 560w, https:\/\/www.digifie.jp\/blog\/wp-content\/uploads\/2012\/05\/120510-300x125.jpg 300w\" sizes=\"(max-width: 560px) 100vw, 560px\" \/><\/a><\/p>\n<p>Processing \u7248\u306e OpenKinect \u304c\u8d85\u7c21\u5358\u3067\u304a\u3082\u3057\u308d\u3044\u306e\u3067\u3001\u30bd\u30b1\u30c3\u30c8\u3067 Flash \u3068\u9023\u643a\u3055\u305b\u3066\u3082\u3046\u5c11\u3057\u904a\u3093\u3067\u307f\u307e\u3057\u305f\u3002\uff08\u660e\u65e5\u304b\u3089\u306f\u307e\u3058\u3081\u306b\u50cd\u304d\u307e\u3059\uff09<\/p>\n<p>\u524d\u56de\u306f\u7c21\u6613\u7684\u306a\u5ea7\u6a19\u306e\u30c8\u30e9\u30c3\u30ad\u30f3\u30b0\u3060\u3051\u3092\u8a66\u3057\u3066\u307f\u307e\u3057\u305f\u304c\u3001\u4eca\u56de\u306f\u305d\u308c\u3092\u3082\u3046\u5c11\u3057\u767a\u5c55\u3055\u305b\u3066\u3001\u524d\u56de\u306e\u7c21\u6613\u5ea7\u6a19\u306b\u52a0\u3048\u3066\u3001Kinekt \u304b\u3089\u306e RGB Video\uff08\u6b63\u78ba\u306b\u306f\u6bce\u30d5\u30ec\u30fc\u30e0\u53d6\u5f97\u3059\u308b\u753b\u50cf\u3067\u3059\u304c\uff09\u3082 Flash \u5074\u306b\u53d6\u308a\u8fbc\u3093\u3067\u3001\u30b8\u30a7\u30b9\u30c1\u30e3\u30fc\u3067\u64cd\u4f5c\u3067\u304d\u308b\u300c\u306a\u3093\u3068\u306a\u304fAR\u98a8\u306b\u898b\u3048\u308b 3D\u30e1\u30cb\u30e5\u30fc\u300d\u3092\u4f5c\u3063\u3066\u307f\u307e\u3057\u305f\u3002<\/p>\n<p>\u3068\u3044\u3046\u3053\u3068\u3067\u3001\u4e0b\u306e\u6620\u50cf\u304c\u306a\u3093\u3068\u306a\u304fAR\u98a8\u306b\u898b\u3048\u308b 3D\u30e1\u30cb\u30e5\u30fc\u3092\u306a\u3093\u3068\u306a\u304f\u64cd\u4f5c\u3057\u3066\u3044\u308b\u30c7\u30e2\u6620\u50cf\u3067\u3059\u3002<br \/>\n<iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"http:\/\/www.youtube.com\/embed\/BBP4DOBbOfs\" frameborder=\"0\" allowfullscreen><\/iframe><\/p>\n<p>\u4eca\u56de\u4f7f\u7528\u3057\u305f Processing \u306e\u30b3\u30fc\u30c9\u306f\u3053\u3061\u3089\u3002\uff08\u8d77\u52d5\u6642\u306b\u30a8\u30e9\u30fc\u304c\u51fa\u307e\u3059\u304c\u3088\u304f\u5206\u304b\u3089\u306a\u3044\u306e\u3068\u308a\u3042\u3048\u305a\u653e\u7f6e\uff09<\/p>\n<pre class=\"brush: java; title: ; notranslate\" title=\"\">import org.openkinect.*;\r\nimport org.openkinect.processing.*;\r\nimport processing.net.*;\r\n\r\nimport java.awt.image.*;\r\nimport java.awt.*;\r\nimport javax.imageio.*;\r\nimport java.net.DatagramPacket; \r\n\r\n\r\n\/\/ Showing how we can farm all the kinect stuff out to a separate class\r\nKinectTracker tracker;\r\n\/\/ Kinect Library object\r\nKinect kinect;\r\n\r\n\/\/\r\nServer imgServer;\r\nServer pointServer ;\r\nClient imgClient ;\r\nClient pointClient;\r\n\r\nboolean connected ;\r\n\r\nString rcvString;\r\n\r\nbyte[] sendBytes;\r\nInetSocketAddress remoteAddress;\r\nDatagramPacket sendPacket;\r\n\r\nPImage img;\r\n\r\n\r\nvoid setup() \r\n{\r\n  size(640,510);\r\n  frameRate(30);\r\n  kinect = new Kinect(this);\r\n  tracker = new KinectTracker();\r\n  \/\/\r\n  imgServer = new Server(this, 5204);\r\n  pointServer = new Server(this, 6204);\r\n  \/\/remoteAddress = new InetSocketAddress(&quot;localhost&quot;, 5204);\r\n  \r\n  image(kinect.getVideoImage(),0,0);\r\n}\r\n\r\n\r\nvoid draw() \r\n{ \r\n  background(255);\r\n\r\n  \/\/ Run the tracking analysis\r\n  tracker.track();\r\n  \/\/ Show the image\r\n  tracker.display();\r\n\r\n  \/\/ Let's draw the raw location\r\n  PVector v1 = tracker.getPos();\r\n  fill(50,100,250,200);\r\n  noStroke();\r\n  ellipse(v1.x,v1.y,20,20);\r\n\r\n  \/\/ Let's draw the &quot;lerped&quot; location\r\n  PVector v2 = tracker.getLerpedPos();\r\n  fill(100,250,50,200);\r\n  noStroke();\r\n  ellipse(v2.x,v2.y,10,10);\r\n\r\n  \/\/ Display some info\r\n  int t = tracker.getThreshold();\r\n  fill(0);\r\n  text(&quot;threshold: &quot; + t + &quot;    &quot; + &quot;UP increase threshold, DOWN decrease threshold&quot;, 8, 500);\r\n\r\n  \/\/\r\n  if (imgClient == null) return;\r\n\r\n  \/\/\r\n  img = kinect.getVideoImage();\r\n  updateImgSocket(img);\/\/tracker.display);\r\n  updatePointSocket(int(v1.x), int(v1.y), int(v2.x), int(v2.y));\r\n}\r\n\r\nvoid keyPressed() \r\n{\r\n  int t = tracker.getThreshold();\r\n  if (key == CODED) \r\n  {\r\n    if (keyCode == UP) \r\n    {\r\n      t+=5;\r\n      tracker.setThreshold(t);\r\n    } \r\n    else if (keyCode == DOWN)\r\n    {\r\n      t-=5;\r\n      tracker.setThreshold(t);\r\n    }\r\n  }\r\n}\r\n\r\n\r\nvoid stop() \r\n{\r\n  tracker.quit();\r\n  super.stop();\r\n}\r\n\r\n\/\/ ----- Socket Sender ------ \r\nvoid updateImgSocket(PImage img) \r\n{\r\n  BufferedImage bfImage = (BufferedImage)(img.getImage());\r\n  ByteArrayOutputStream bos = new ByteArrayOutputStream();\r\n  BufferedOutputStream os = new BufferedOutputStream(bos);\r\n  \r\n  try \r\n  {\r\n    bfImage.flush();\r\n    ImageIO.write(bfImage, &quot;jpg&quot;, os);\r\n    os.flush();\r\n    os.close();\r\n  }\r\n  catch(IOException e) \r\n  {\r\n      println(&quot;Error&quot;);\r\n  }\r\n  sendBytes = bos.toByteArray();\r\n  imgServer.write(sendBytes);\r\n}\r\n\r\nvoid updatePointSocket(int px1, int py1, int px2, int py2)\r\n{\r\n  String str = px1 + &quot;,&quot; + py1 + &quot;\\n&quot; + px2 + &quot;,&quot; + py2;\r\n  pointServer.write(str);\r\n}\r\n\r\nvoid serverEvent(Server srv, Client clt) \r\n{\r\n println(&quot;connected&quot;) ;\r\n imgClient = clt ;\r\n pointClient = clt ;\r\n}\r\n\r\n<\/pre>\n<p>\u4eca\u56de\u306f Processing \u5074\u304b\u3089\u300c\u6bce\u30d5\u30ec\u30fc\u30e0\u6bce\u306eRGB\u753b\u50cf\u300d\u3068\u300c\u73fe\u5728\u306eXY\u5ea7\u6a19\u300d\u3068\u300c\u3061\u3087\u3063\u3068\u524d\u306eXY\u5ea7\u6a19\u300d\u3092\u9001\u4fe1\u3059\u308b\u5fc5\u8981\u304c\u3042\u3063\u305f\u306e\u3067\u3059\u304c\u3001\u4e00\u3064\u306e\u30bd\u30b1\u30c3\u30c8\u3067\u9001\u308b\u65b9\u6cd5\u304c\u308f\u304b\u3089\u306a\u304b\u3063\u305f\u306e\u3067\u3001\u753b\u50cf\u7528\u3068\u5ea7\u6a19\u7528\u3068\u3057\u30662\u3064\u306e\u30bd\u30b1\u30c3\u30c8\u3092\u7acb\u3061\u4e0a\u3052\u307e\u3057\u305f\u3002<\/p>\n<p>\u753b\u50cf\u7528\u306e\u30bd\u30b1\u30c3\u30c8\u3067\u306f\u3001Kinect \u304b\u3089\u53d6\u5f97\u3057\u305f RGB \u753b\u50cf\uff08PImage\uff09\u3092\u30d0\u30a4\u30c8\u914d\u5217\u306b\u3057\u3066\u30bd\u30b1\u30c3\u30c8\u3067\u9001\u4fe1\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n<pre class=\"brush: java; title: ; notranslate\" title=\"\">void updateImgSocket(PImage img) \r\n{\r\n  BufferedImage bfImage = (BufferedImage)(img.getImage());\r\n  ByteArrayOutputStream bos = new ByteArrayOutputStream();\r\n  BufferedOutputStream os = new BufferedOutputStream(bos);\r\n  \r\n  try \r\n  {\r\n    bfImage.flush();\r\n    ImageIO.write(bfImage, &quot;jpg&quot;, os);\r\n    os.flush();\r\n    os.close();\r\n  }\r\n  catch(IOException e) \r\n  {\r\n      println(&quot;Error&quot;);\r\n  }\r\n  sendBytes = bos.toByteArray();\r\n  imgServer.write(sendBytes);\r\n}\r\n<\/pre>\n<p>\u5ea7\u6a19\u30c7\u30fc\u30bf\u3082\u6587\u5b57\u5217\u306b\u5909\u63db\u5f8c Server.write \u3067\u9001\u4fe1\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n<pre class=\"brush: java; title: ; notranslate\" title=\"\">void updatePointSocket(int px1, int py1, int px2, int py2)\r\n{\r\n  String str = px1 + &quot;,&quot; + py1 + &quot;\\n&quot; + px2 + &quot;,&quot; + py2;\r\n  pointServer.write(str);\r\n}\r\n<\/pre>\n<p>\u6b21\u306b Flash \u5074\u3067\u3059\u304c\u3001\u4eca\u56de\u306e\u5168\u30b3\u30fc\u30c9\u306f\u4ee5\u4e0b\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n<pre class=\"brush: as3; title: ; notranslate\" title=\"\">package\r\n{\r\n\timport a24.tween.*;\r\n\t\r\n\timport com.bit101.components.*;\r\n\t\r\n\timport flash.display.Bitmap;\r\n\timport flash.display.BitmapData;\r\n\timport flash.display.BlendMode;\r\n\timport flash.display.DisplayObject;\r\n\timport flash.display.Loader;\r\n\timport flash.display.Sprite;\r\n\timport flash.errors.IOError;\r\n\timport flash.events.Event;\r\n\timport flash.events.IOErrorEvent;\r\n\timport flash.events.MouseEvent;\r\n\timport flash.events.ProgressEvent;\r\n\timport flash.filters.BlurFilter;\r\n\timport flash.geom.Point;\r\n\timport flash.geom.Rectangle;\r\n\timport flash.geom.Vector3D;\r\n\timport flash.net.Socket;\r\n\timport flash.text.TextField;\r\n\timport flash.utils.ByteArray;\r\n\t\r\n\timport net.hires.debug.Stats;\r\n\t\r\n\t[SWF(width = &quot;640&quot;, height = &quot;480&quot;, backgroundColor = &quot;0&quot;, frameRate = &quot;30&quot;)]\r\n\t\r\n\tpublic class Main extends Sprite\r\n\t{\r\n\t\t\r\n\t\tprivate var _imgsock:Socket;\r\n\t\tprivate var _pointSok:Socket;\r\n\t\t\r\n\t\tpublic var sp:Sprite = new Sprite();\r\n\t\tpublic var sp2:Sprite = new Sprite();\r\n\t\t\r\n\t\tprivate var _bm:Bitmap = new Bitmap();\r\n\t\tprivate var _bmd:BitmapData = new BitmapData(640, 480, false, 0xFFFFFF);\r\n\t\tprivate var _rect:Rectangle = new Rectangle(0, 0, 640, 480);\r\n\t\t\r\n\t\t\/\/\r\n\t\tprivate var _container:Sprite = new Sprite();\r\n\t\tprivate var _items:Vector.&lt;Sprite&gt;;\r\n\t\tprivate var _radius:Number = 200;\r\n\t\tprivate var _numItems:int = 8;\r\n\t\tprivate var _chageAngle:Number = 360 \/ _numItems;\r\n\t\tprivate var _v:Number = 0;\r\n\t\tprivate var _isRotat:Boolean;\r\n\t\t\r\n\t\t[Embed(source = 'img\/img.png')]\r\n\t\tprivate const Img:Class;\r\n\t\t\r\n\t\tpublic function Main()\r\n\t\t{\t\r\n\t\t\troot.transform.perspectiveProjection.fieldOfView = 54;\r\n\t\t\troot.transform.perspectiveProjection.projectionCenter = new Point( 640 * .5, 0 );\r\n\t\t\t\r\n\t\t\t_bm.bitmapData = _bmd;\r\n\t\t\t_bm.scaleX = -1;\r\n\t\t\t_bm.x = stage.stageWidth;\r\n\t\t\taddChild(_bm);\r\n\t\t\t\r\n\t\t\tsp.graphics.beginFill( 0xFF6633 );\r\n\t\t\tsp.graphics.drawCircle( 0, 0, 30);\r\n\t\t\tsp.filters = [ new BlurFilter(16, 16, 2) ];\r\n\t\t\tsp.blendMode = BlendMode.ADD;\r\n\t\t\taddChild( sp );\r\n\t\t\t\r\n\t\t\tsp2.graphics.beginFill( 0xFFAA66 );\r\n\t\t\tsp2.graphics.drawCircle( 0, 0, 15);\r\n\t\t\tsp2.filters = [ new BlurFilter(16, 16) ];\r\n\t\t\tsp2.blendMode = BlendMode.ADD;\r\n\t\t\taddChild( sp2 );\r\n\t\t\t\r\n\t\t\tsetup();\r\n\t\t\t\r\n\t\t\tvar stats:Stats = new Stats();\r\n\t\t\taddChild(stats);\r\n\t\t}\r\n\t\t\r\n\t\tprivate function setup():void\r\n\t\t{\r\n\t\t\t_imgsock = new Socket();\r\n\t\t\t_imgsock.addEventListener(IOErrorEvent.IO_ERROR, connectError);\r\n\t\t\t_imgsock.addEventListener(ProgressEvent.SOCKET_DATA, receiveImage);\r\n\t\t\t_imgsock.connect(&quot;localhost&quot;, 5204);\r\n\t\t\t\r\n\t\t\t_imgsock.addEventListener( Event.CLOSE, function(event:Event):void { trace(&quot;closed: soc1&quot;); });\r\n\t\t\t\r\n\t\t\t_pointSok = new Socket();\r\n\t\t\t_pointSok.addEventListener(IOErrorEvent.IO_ERROR, connectError);\r\n\t\t\t_pointSok.addEventListener(ProgressEvent.SOCKET_DATA, receivePoint);\r\n\t\t\t_pointSok.connect(&quot;localhost&quot;, 6204);\r\n\t\t\t\r\n\t\t\t_pointSok.addEventListener( Event.CLOSE, function(event:Event):void { trace(&quot;closed: soc2&quot;); });\r\n\t\t\t\r\n\t\t\tfunction connectError(e:IOErrorEvent):void\r\n\t\t\t{\r\n\t\t\t\ttrace( e );\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t\/\/\r\n\t\t\t_container.x = stage.stageWidth * .5;\r\n\t\t\t_container.y = stage.stageHeight * .25;\r\n\t\t\taddChild(_container);\r\n\t\t\t_items = Vector.&lt;Sprite&gt;([]);\r\n\t\t\tfor ( var i:int = 0; i &lt; _numItems; i++ )\r\n\t\t\t{\r\n\t\t\t\tvar bm:Bitmap = new Img();\r\n\t\t\t\tvar img:BitmapData = bm.bitmapData;\r\n\t\t\t\tvar angle:Number = Math.PI * 2 \/ _numItems * i;\r\n\t\t\t\tvar item:Item = new Item( 120, 120, 0, img );\r\n\t\t\t\t_container.addChild( item );\r\n\t\t\t\titem.x = Math.cos( angle ) * _radius;\r\n\t\t\t\titem.z = Math.sin( angle ) * _radius;\r\n\t\t\t\t_items.push( item );\r\n\t\t\t\titem.blendMode = BlendMode.ADD;\r\n\t\t\t}\r\n\t\t}\r\n\t\t\r\n\t\t\r\n\t\t\/\/ ------------- Socket Receiver ---------------------------------------------------- \/\r\n\t\tprivate function receivePoint(e:ProgressEvent):void\r\n\t\t{\r\n\t\t\tvar str:String = _pointSok.readMultiByte(_pointSok.bytesAvailable, &quot;utf-8&quot;);\r\n\t\t\t\r\n\t\t\tif(!str || str == &quot;&quot;) return;\r\n\t\t\t\r\n\t\t\tvar list:Array = str.split(&quot;\\n&quot;);\r\n\t\t\tvar nowPos:Array = list[0].split(&quot;,&quot;);\r\n\t\t\tvar pastPos:Array = list[1].split(&quot;,&quot;);\r\n\t\t\t\r\n\t\t\tif(nowPos[0] &gt;= 0 &amp;&amp; nowPos[1] &gt;= 0) \r\n\t\t\t{\r\n\t\t\t\tsp.x = nowPos[0];\r\n\t\t\t\tsp.y = nowPos[1];\r\n\t\t\t\t\/\/\r\n\t\t\t\tsp2.x = pastPos[0];\r\n\t\t\t\tsp2.y = pastPos[1];\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\tif( _isRotat ) return;\r\n\t\t\t\r\n\t\t\tif( Math.abs( sp.x - sp2.x ) &gt; 50 &amp;&amp; Math.abs( sp.x - stage.stageWidth * 2 ) &gt; 100 )\r\n\t\t\t{\r\n\t\t\t\tvar dist:int = sp.x - sp2.x;\r\n\t\t\t\tvar r:Number;\r\n\t\t\t\tif( dist &lt; 0 )\r\n\t\t\t\t{\r\n\t\t\t\t\tif( dist &lt; -90 )\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tr = _container.rotationY + _chageAngle * 4;\r\n\t\t\t\t\t}\r\n\t\t\t\t\telse if( dist &lt; -70 &amp;&amp; dist &gt;= -90)\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tr = _container.rotationY + _chageAngle * 2;\r\n\t\t\t\t\t}\r\n\t\t\t\t\telse\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tr = _container.rotationY + _chageAngle;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\telse\r\n\t\t\t\t{\r\n\t\t\t\t\tif( dist &gt; 90 )\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tr = _container.rotationY - _chageAngle * 4;\r\n\t\t\t\t\t}\r\n\t\t\t\t\telse if( dist &gt; 70 &amp;&amp; dist &lt;= 90)\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tr = _container.rotationY - _chageAngle * 2;\r\n\t\t\t\t\t}\r\n\t\t\t\t\telse\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tr = _container.rotationY - _chageAngle;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t\r\n\t\t\t\t_isRotat = true;\r\n\t\t\t\taddEventListener( Event.ENTER_FRAME, update );\r\n\t\t\t\tTween24.serial(\r\n\t\t\t\t\tTween24.tween( _container, .5, Ease24._2_QuadOut ).rotationY( r ),\r\n\t\t\t\t\tTween24.wait( .1 ),\r\n\t\t\t\t\tTween24.func( function():void{\r\n\t\t\t\t\t\t_isRotat = false;\r\n\t\t\t\t\t\tremoveEventListener( Event.ENTER_FRAME, update );\r\n\t\t\t\t\t})\r\n\t\t\t\t).play();\r\n\t\t\t}\r\n\t\t}\r\n\t\t\r\n\t\t\r\n\t\tprivate function receiveImage(e:ProgressEvent):void\r\n\t\t{\t\r\n\t\t\tvar ba:ByteArray = new ByteArray();\r\n\t\t\t\r\n\t\t\t_imgsock.readBytes(ba, 0, _imgsock.bytesAvailable);\r\n\t\t\t\r\n\t\t\tif( ba.bytesAvailable &lt; 10000 ) return;\r\n\t\t\tvar loader:Loader = new Loader();\r\n\t\t\tloader.loadBytes( ba );\r\n\t\t\tloader.contentLoaderInfo.addEventListener( Event.COMPLETE, onComplete);\r\n\t\t\tloader.contentLoaderInfo.addEventListener( IOErrorEvent.IO_ERROR, onIOError );\r\n\t\t\t\r\n\t\t\tfunction onComplete(e:Event):void\r\n\t\t\t{\r\n\t\t\t\tloader.contentLoaderInfo.removeEventListener( Event.COMPLETE, onComplete);\r\n\t\t\t\tloader.contentLoaderInfo.removeEventListener( IOErrorEvent.IO_ERROR, onIOError );\r\n\t\t\t\tvar bm:Bitmap = loader.content as Bitmap;\r\n\t\t\t\t\r\n\t\t\t\t_bmd = bm.bitmapData;\r\n\t\t\t\t_bm.bitmapData = _bmd;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\tfunction onIOError(E:IOErrorEvent):void\r\n\t\t\t{\r\n\t\t\t\tloader.contentLoaderInfo.removeEventListener( Event.COMPLETE, onComplete);\r\n\t\t\t\tloader.contentLoaderInfo.removeEventListener( IOErrorEvent.IO_ERROR, onIOError );\r\n\t\t\t}\r\n\t\t}\r\n\t\t\r\n\r\n\t\t\/\/ -------------------- Items Depth Sort -------------------------------------------------- \/\r\n\t\tprivate function sortItems():void\r\n\t\t{\r\n\t\t\t_items.sort( depthSort );\r\n\t\t\tfor ( var i:int = 0; i &lt; _items.length; i++ )\r\n\t\t\t{\r\n\t\t\t\t_container.addChildAt( _items[ i ] as Sprite, i );\r\n\t\t\t}\r\n\t\t}\r\n\t\t\r\n\t\tprivate function depthSort( objA:DisplayObject, objB:DisplayObject ):int\r\n\t\t{\r\n\t\t\tvar posA:Vector3D = objA.transform.matrix3D.position;\r\n\t\t\tposA = _container.transform.matrix3D.deltaTransformVector( posA );\r\n\t\t\tvar posB:Vector3D = objB.transform.matrix3D.position;\r\n\t\t\tposB = _container.transform.matrix3D.deltaTransformVector( posB );\r\n\t\t\treturn posB.z - posA.z;\r\n\t\t}\r\n\t\t\r\n\t\t\r\n\t\t\/\/ -------------------- Update -------------------------------------------------- \/\r\n\t\tprivate function update( e:Event ):void\r\n\t\t{\r\n\t\t\tsortItems();\r\n\t\t\tfor ( var i:int = 0; i &lt; _items.length; i++ )\r\n\t\t\t{\r\n\t\t\t\t_items[ i ].rotationY = -_container.rotationY;\r\n\t\t\t\tif(i == _items.length - 1)\r\n\t\t\t\t{\r\n\t\t\t\t\t_items[ i ].alpha = 1;\r\n\t\t\t\t}\r\n\t\t\t\telse if(i &lt; _items.length - 1 &amp;&amp; i &gt;= _items.length - 3)\r\n\t\t\t\t{\r\n\t\t\t\t\t_items[ i ].alpha = .9;\r\n\t\t\t\t}\r\n\t\t\t\telse if(i &lt; _items.length - 3 &amp;&amp; i &gt;= _items.length - 5)\r\n\t\t\t\t{\r\n\t\t\t\t\t_items[ i ].alpha = .8;\r\n\t\t\t\t}\r\n\t\t\t\telse\r\n\t\t\t\t{\r\n\t\t\t\t\t_items[ i ].alpha = .85;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t\r\n\t}\r\n\t\r\n}\r\n\r\n\r\n\/\/ -------------------- MenuItem -------------------------------------------------- \/\r\n\r\nimport flash.display.Bitmap;\r\nimport flash.display.BitmapData;\r\nimport flash.display.Sprite;\r\nimport flash.filters.BlurFilter;\r\nimport flash.geom.ColorTransform;\r\nimport flash.geom.Matrix;\r\nimport flash.geom.Point;\r\nimport flash.text.TextField;\r\n\r\ninternal class Item extends Sprite\r\n{\r\n\t\r\n\tprivate var _bmd:BitmapData;\r\n\tprivate var _image:BitmapData;\r\n\tprivate var _mask:GradietionMask;\r\n\t\r\n\tpublic function Item( w:int, h:int, color:int, img:BitmapData )\r\n\t{\r\n\t\t_image = img;\r\n\t\tvar image:Bitmap = new Bitmap( img );\r\n\t\timage.x = -image.width * .5;\r\n\t\timage.y = -image.height * .5;\r\n\t\taddChild( image );\r\n\t\t\r\n\t\tthis.cacheAsBitmap = true;\r\n\t\tmirror( w, h, -w * .5, h * .5 )\r\n\t}\r\n\t\r\n\tprivate function mirror( w:int, h:int, offsetX:Number, offsetY:Number ):void\r\n\t{\r\n\t\tvar bmd:BitmapData = _image.clone();\r\n\t\tbmd.colorTransform( bmd.rect, new ColorTransform( 1, 1, 1, .5 ));\r\n\t\tvar bm:Bitmap = new Bitmap( bmd );\r\n\t\tvar refrect:Sprite = new Sprite;\r\n\t\trefrect.cacheAsBitmap = true;\r\n\t\trefrect.scaleX = refrect.scaleY = -1;\r\n\t\trefrect.x = offsetX + bm.width;\r\n\t\trefrect.y = offsetY + bm.height;\r\n\t\taddChild( refrect );\r\n\t\trefrect.addChildAt( bm, 0 );\r\n\t\t\r\n\t\t\r\n\t\tvar gradietionMask:Sprite = new GradietionMask( w, bm.height );\r\n\t\tgradietionMask.rotation = 90\r\n\t\tgradietionMask.x = w * .5;\r\n\t\tgradietionMask.y = offsetY;\r\n\t\t\r\n\t\tgradietionMask.cacheAsBitmap = true;\r\n\t\t\r\n\t\taddChild( gradietionMask );\r\n\t\trefrect.mask = gradietionMask;\r\n\t}\r\n}\r\n\r\n\r\nimport flash.display.Sprite;\r\nimport flash.display.Graphics;\r\n\r\ninternal class GradietionMask extends Sprite\r\n{\r\n\tpublic function GradietionMask( w:int, h:int )\r\n\t{\r\n\t\tvar g:Graphics = this.graphics;\r\n\t\tg.beginGradientFill( &quot;linear&quot;, [ 0xFFFFFF, 0xFFFFFF ], [ 1, .01 ], [ 0, 230 ]);\r\n\t\tg.drawRect( 0, 0, 120, 120 );\r\n\t\tg.endFill();\r\n\t}\r\n}\r\n<\/pre>\n<p>Flash \u5074\u3067\u306e\u753b\u50cf\u53d7\u4fe1\u306f\u3001\u53d7\u4fe1\u3057\u305f\u30d0\u30a4\u30c8\u914d\u5217\u3092 Loader.loadBytes \u3067 Bitmap \u306b\u623b\u3057\u3066\u3001\u305d\u306e Bitmap \u306e BitmapData \u3092\u53d6\u308a\u51fa\u3057\u3066\u4f7f\u7528\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n<pre class=\"brush: as3; title: ; notranslate\" title=\"\">private function receiveImage(e:ProgressEvent):void\r\n\t\t{\t\r\n\t\t\tvar ba:ByteArray = new ByteArray();\r\n\t\t\t\r\n\t\t\t_imgsock.readBytes(ba, 0, _imgsock.bytesAvailable);\r\n\t\t\t\r\n\t\t\tif( ba.bytesAvailable &lt; 10000 ) return;\r\n\t\t\tvar loader:Loader = new Loader();\r\n\t\t\tloader.loadBytes( ba );\r\n\t\t\tloader.contentLoaderInfo.addEventListener( Event.COMPLETE, onComplete);\r\n\t\t\tloader.contentLoaderInfo.addEventListener( IOErrorEvent.IO_ERROR, onIOError );\r\n\t\t\t\r\n\t\t\tfunction onComplete(e:Event):void\r\n\t\t\t{\r\n\t\t\t\tloader.contentLoaderInfo.removeEventListener( Event.COMPLETE, onComplete);\r\n\t\t\t\tloader.contentLoaderInfo.removeEventListener( IOErrorEvent.IO_ERROR, onIOError );\r\n\t\t\t\tvar bm:Bitmap = loader.content as Bitmap;\r\n\t\t\t\t\r\n\t\t\t\t_bmd = bm.bitmapData;\r\n\t\t\t\t_bm.bitmapData = _bmd;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\tfunction onIOError(E:IOErrorEvent):void\r\n\t\t\t{\r\n\t\t\t\tloader.contentLoaderInfo.removeEventListener( Event.COMPLETE, onComplete);\r\n\t\t\t\tloader.contentLoaderInfo.removeEventListener( IOErrorEvent.IO_ERROR, onIOError );\r\n\t\t\t}\r\n\t\t}\r\n<\/pre>\n<p>\u307e\u305f\u5ea7\u6a19\u60c5\u5831\u90e8\u5206\u306f\u3001\u53d7\u4fe1\u3057\u305f\u30d0\u30a4\u30c8\u914d\u5217\u3092\u6587\u5b57\u5217\u306b\u3057\u305f\u5f8c\u3001\u6587\u5b57\u5217\u3092\u30d1\u30fc\u30b9\u3057\u3066\u73fe\u5728\u306e\u5ea7\u6a19\u3068\u3061\u3087\u3063\u3068\u524d\u306e\u5ea7\u6a19\u305d\u308c\u305e\u308c\u306e\u914d\u5217\u306b\u5909\u63db\u3057\u3066\u4f7f\u7528\u3057\u3066\u3044\u307e\u3059\u3002<br \/>\n\u305d\u3057\u3066\u3001\u53d6\u5f97\u3057\u305f\u73fe\u5728\u306e\u5ea7\u6a19\u3068\u3061\u3087\u3063\u3068\u524d\u306e\u5ea7\u6a19\u3092\u4f7f\u3063\u305f\u8d85\u7c21\u5358\u306a\u8a08\u7b97\u3092\u3057\u3066\u3001\u305d\u306e\u7d50\u679c\u306b\u3088\u3063\u30663D\u98a8\u30e1\u30cb\u30e5\u30fc\u306e\u56de\u8ee2\u89d2\u5ea6\uff08rotationY\uff09\u3092\u8abf\u6574\u3057\u3001Tween\u3067\u30e1\u30cb\u30e5\u30fc\u3092\u56de\u8ee2\u3055\u305b\u3066\u3044\u307e\u3059\u3002<\/p>\n<pre class=\"brush: as3; title: ; notranslate\" title=\"\">private function receivePoint(e:ProgressEvent):void\r\n\t\t{\r\n\t\t\tvar str:String = _pointSok.readMultiByte(_pointSok.bytesAvailable, &quot;utf-8&quot;);\r\n\t\t\t\r\n\t\t\tif(!str || str == &quot;&quot;) return;\r\n\t\t\t\r\n\t\t\tvar list:Array = str.split(&quot;\\n&quot;);\r\n\t\t\tvar nowPos:Array = list[0].split(&quot;,&quot;);\r\n\t\t\tvar pastPos:Array = list[1].split(&quot;,&quot;);\r\n\t\t\t\r\n\t\t\tif(nowPos[0] &gt;= 0 &amp;&amp; nowPos[1] &gt;= 0) \r\n\t\t\t{\r\n\t\t\t\tsp.x = nowPos[0];\r\n\t\t\t\tsp.y = nowPos[1];\r\n\t\t\t\t\/\/\r\n\t\t\t\tsp2.x = pastPos[0];\r\n\t\t\t\tsp2.y = pastPos[1];\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\tif( _isRotat ) return;\r\n\t\t\t\r\n\t\t\tif( Math.abs( sp.x - sp2.x ) &gt; 50 &amp;&amp; Math.abs( sp.x - stage.stageWidth * 2 ) &gt; 100 )\r\n\t\t\t{\r\n\t\t\t\tvar dist:int = sp.x - sp2.x;\r\n\t\t\t\tvar r:Number;\r\n\t\t\t\tif( dist &lt; 0 )\r\n\t\t\t\t{\r\n\t\t\t\t\tif( dist &lt; -90 )\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tr = _container.rotationY + _chageAngle * 4;\r\n\t\t\t\t\t}\r\n\t\t\t\t\telse if( dist &lt; -70 &amp;&amp; dist &gt;= -90)\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tr = _container.rotationY + _chageAngle * 2;\r\n\t\t\t\t\t}\r\n\t\t\t\t\telse\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tr = _container.rotationY + _chageAngle;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\telse\r\n\t\t\t\t{\r\n\t\t\t\t\tif( dist &gt; 90 )\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tr = _container.rotationY - _chageAngle * 4;\r\n\t\t\t\t\t}\r\n\t\t\t\t\telse if( dist &gt; 70 &amp;&amp; dist &lt;= 90)\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tr = _container.rotationY - _chageAngle * 2;\r\n\t\t\t\t\t}\r\n\t\t\t\t\telse\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tr = _container.rotationY - _chageAngle;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t\r\n\t\t\t\t_isRotat = true;\r\n\t\t\t\taddEventListener( Event.ENTER_FRAME, update );\r\n\t\t\t\tTween24.serial(\r\n\t\t\t\t\tTween24.tween( _container, .5, Ease24._2_QuadOut ).rotationY( r ),\r\n\t\t\t\t\tTween24.wait( .1 ),\r\n\t\t\t\t\tTween24.func( function():void{\r\n\t\t\t\t\t\t_isRotat = false;\r\n\t\t\t\t\t\tremoveEventListener( Event.ENTER_FRAME, update );\r\n\t\t\t\t\t})\r\n\t\t\t\t).play();\r\n\t\t\t}\r\n\t\t}\r\n<\/pre>\n<p>\u3068\u3001\u3053\u3093\u306a\u611f\u3058\u3067\u4eca\u56de\u306f\u3084\u3063\u3066\u307f\u307e\u3057\u305f\u3002<\/p>\n<p>\u3055\u3066\u3001\u4eca\u56de\u306e\u5b9f\u9a13\u3067 Kinect  \u304b\u3089\u306e\u30b8\u30a7\u30b9\u30c1\u30e3\u30fc\u3082\u53d6\u5f97\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u3063\u305f\u307d\u3044\u306e\u3067\u2026<br \/>\n\u6b21\u306f\u3053\u306e\u30b8\u30a7\u30b9\u30c1\u30e3\u30fc\u3092\u4f7f\u3063\u3066 AR.Drone \u3092\u64cd\u4f5c\u3067\u304d\u308b\u3088\u3046\u306b\u3057\u3066\u307f\u305f\u3044\u3068\u601d\u3063\u3066\u3044\u307e\u3059\u3002<\/p>\n<div class='wp_social_bookmarking_light'>        <div class=\"wsbl_facebook\"><a href='http:\/\/www.facebook.com\/share.php?u=https%3A%2F%2Fwww.digifie.jp%2Fblog%2Farchives%2F699&t=OpenKinect%20%28Processing%29%20%2B%20Flash%20%E3%81%A7%E3%82%82%E3%81%86%E5%B0%91%E3%81%97%E9%81%8A%E3%82%93%E3%81%A7%E3%81%BF%E3%81%9F' title='Facebook \u306b\u30b7\u30a7\u30a2' rel=nofollow class='wp_social_bookmarking_light_a' target=_blank><img src='https:\/\/www.digifie.jp\/blog\/wp-content\/plugins\/wp-social-bookmarking-light\/public\/images\/facebook.png' alt='Facebook \u306b\u30b7\u30a7\u30a2' title='Facebook \u306b\u30b7\u30a7\u30a2' width='16' height='16' class='wp_social_bookmarking_light_img' \/><\/a><\/div>        <div class=\"wsbl_twitter\"><a href=\"https:\/\/twitter.com\/share\" class=\"twitter-share-button\" data-url=\"https:\/\/www.digifie.jp\/blog\/archives\/699\" data-text=\"OpenKinect (Processing) + Flash \u3067\u3082\u3046\u5c11\u3057\u904a\u3093\u3067\u307f\u305f\" data-via=\"LLC DigiFie\" data-lang=\"ja\">Tweet<\/a><\/div><\/div>\n<br class='wp_social_bookmarking_light_clear' \/>\n","protected":false},"excerpt":{"rendered":"<p>Processing \u7248\u306e OpenKinect \u304c\u8d85\u7c21\u5358\u3067\u304a\u3082\u3057\u308d\u3044\u306e\u3067\u3001\u30bd\u30b1\u30c3\u30c8\u3067 Flash \u3068\u9023\u643a\u3055\u305b\u3066\u3082\u3046\u5c11\u3057\u904a\u3093\u3067\u307f\u307e\u3057\u305f\u3002\uff08\u660e\u65e5\u304b\u3089\u306f\u307e\u3058\u3081\u306b\u50cd\u304d\u307e\u3059\uff09 \u524d\u56de\u306f\u7c21\u6613\u7684\u306a\u5ea7\u6a19\u306e\u30c8\u30e9\u30c3\u30ad\u30f3\u30b0\u3060\u3051\u3092\u8a66\u3057\u3066\u307f\u307e\u3057\u305f [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[3,27,34],"tags":[],"_links":{"self":[{"href":"https:\/\/www.digifie.jp\/blog\/wp-json\/wp\/v2\/posts\/699"}],"collection":[{"href":"https:\/\/www.digifie.jp\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.digifie.jp\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.digifie.jp\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.digifie.jp\/blog\/wp-json\/wp\/v2\/comments?post=699"}],"version-history":[{"count":7,"href":"https:\/\/www.digifie.jp\/blog\/wp-json\/wp\/v2\/posts\/699\/revisions"}],"predecessor-version":[{"id":706,"href":"https:\/\/www.digifie.jp\/blog\/wp-json\/wp\/v2\/posts\/699\/revisions\/706"}],"wp:attachment":[{"href":"https:\/\/www.digifie.jp\/blog\/wp-json\/wp\/v2\/media?parent=699"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.digifie.jp\/blog\/wp-json\/wp\/v2\/categories?post=699"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.digifie.jp\/blog\/wp-json\/wp\/v2\/tags?post=699"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}