{"id":667,"date":"2012-05-08T18:20:27","date_gmt":"2012-05-08T09:20:27","guid":{"rendered":"http:\/\/www.digifie.jp\/blog\/?p=667"},"modified":"2012-05-09T12:55:00","modified_gmt":"2012-05-09T03:55:00","slug":"667","status":"publish","type":"post","link":"https:\/\/www.digifie.jp\/blog\/archives\/667","title":{"rendered":"OpenKinect\uff08Processing \u7248\uff09\u3068 Flash \u3067\u30bd\u30b1\u30c3\u30c8\u901a\u4fe1"},"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%2F667&t=OpenKinect%EF%BC%88Processing%20%E7%89%88%EF%BC%89%E3%81%A8%20Flash%20%E3%81%A7%E3%82%BD%E3%82%B1%E3%83%83%E3%83%88%E9%80%9A%E4%BF%A1' 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\/667\" data-text=\"OpenKinect\uff08Processing \u7248\uff09\u3068 Flash \u3067\u30bd\u30b1\u30c3\u30c8\u901a\u4fe1\" data-via=\"LLC DigiFie\" data-lang=\"ja\">Tweet<\/a><\/div><\/div>\n<br class='wp_social_bookmarking_light_clear' \/>\n<p>OpenKinect \u306e Processing \u7248\u3067\u3042\u308b<a href=\"http:\/\/www.shiffman.net\/2010\/11\/14\/kinect-and-processing\/\" target=\"_blank\">\u3053\u308c<\/a>\u3092\u8a66\u3057\u3066\u307f\u307e\u3057\u305f\u3002<br \/>\n\u3057\u304b\u3057\u305f\u3060\u8a66\u3059\u3060\u3051\u3067\u306f\u9762\u767d\u304f\u3082\u306a\u3093\u3068\u3082\u306a\u3044\u306e\u3067\u3001Processing \u3067\u30bd\u30b1\u30c3\u30c8\u30b5\u30fc\u30d0\u3092\u4f5c\u3063\u3066 Flash \u3068\u901a\u4fe1\u3055\u305b\u3066\u4f55\u304b\u3084\u3063\u3066\u307f\u308b\u3053\u3068\u306b\u3057\u3066\u2026<\/p>\n<p>\u306a\u3093\u3068\u306a\u304f\u51fa\u6765\u305f\u306e\u304c\u3001\u3053\u308c\u3067\u3059\u3002<br \/>\n<iframe loading=\"lazy\" width=\"420\" height=\"315\" src=\"http:\/\/www.youtube.com\/embed\/mXg8VMZnWlE\" frameborder=\"0\" allowfullscreen><\/iframe><\/p>\n<p>\u3067\u3001\u4e0a\u306e\u30e4\u30c4\u3092\u3061\u3087\u3063\u3068\u3060\u3051\u767a\u5c55\u3055\u305b\u3066\u307f\u305f\u306e\u304c\u3053\u308c\u3067\u3059\u3002<br \/>\n<iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"http:\/\/www.youtube.com\/embed\/0gdca5VrSSQ\" frameborder=\"0\" allowfullscreen><\/iframe><\/p>\n<p>\u4f7f\u3063\u3066\u3044\u308b\u306e\u306f\u6df1\u5ea6\u60c5\u5831\u3092\u5229\u7528\u3057\u305f\u30cf\u30f3\u30c9\u30c8\u30e9\u30c3\u30ad\u30f3\u30b0\u3060\u3051\u306a\u306e\u3067\u3001Processing \u5074\u3082 Flash \u5074\u3082 60fps \u3067\u3084\u3063\u3066\u307f\u305f\u3068\u3053\u308d\u305d\u308c\u306a\u308a\u306e\u901f\u5ea6\u3067\u52d5\u3044\u3066\u3044\u308b\u3088\u3046\u3067\u3059\u3002<br \/>\n\u4f46\u3057\u3053\u306e\u30e9\u30a4\u30d6\u30e9\u30ea\u3067\u306f OpenNI \u306a\u3069\u3092\u4f7f\u3046\u5834\u5408\u3068\u9055\u3063\u3066\u3001\u4ed5\u7d44\u307f\u4e0a\u30b9\u30b1\u30eb\u30c8\u30f3\u306f\u5229\u7528\u3067\u304d\u306a\u3044\u306e\u3067\u3001\u30b9\u30b1\u30eb\u30c8\u30f3\u30c8\u30e9\u30c3\u30ad\u30f3\u30b0\u306f\u5fc5\u8981\u3068\u305b\u305a\u306a\u3093\u3068\u306a\u304f\u624b\u306e\u5ea7\u6a19\u3060\u3051\u304c\u53d6\u308c\u308c\u3070\u3044\u3044\u3068\u304b\u3001\u88ab\u5199\u4f53\u3068\u306e\u6df1\u5ea6\u60c5\u5831\u3060\u3051\u304c\u53d6\u308c\u308c\u3070\u3044\u3044\u3068\u3044\u3046\u3088\u3046\u306a\u5834\u5408\u306f\u3001\u3053\u3063\u3061\u306e\u65b9\u304c\u9ad8\u901f\u3067\u4f7f\u3044\u3084\u3059\u3044\u306e\u3067\u306f\u306a\u3044\u304b\u3068\u601d\u3044\u307e\u3057\u305f\u3002<\/p>\n<p>\u53c2\u8003\u306e\u305f\u3081\u3001\u4eca\u56de\u4f7f\u7528\u3057\u305f\u30b3\u30fc\u30c9\u3067\u3059\u3002<br \/>\n\u203b \u30bd\u30fc\u30b9\u4e00\u5f0f\u306f<a href=\"http:\/\/www.digifie.jp\/labo\/as3_processing_kinect_socket_test.zip\">\u3053\u3061\u3089<\/a><\/p>\n<p>Processing \u5074\uff08OpenKinect &#038; \u30bd\u30b1\u30c3\u30c8\u30b5\u30fc\u30d0\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\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 server ;\r\nClient client ;\r\n\r\nboolean connected ;\r\n\r\nString rcvString;\r\n\r\n\r\nvoid setup() \r\n{\r\n  size(640,520);\r\n  frameRate(60);\r\n  kinect = new Kinect(this);\r\n  tracker = new KinectTracker();\r\n  \/\/\r\n  server = new Server(this, 5204) ;\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,20,20);\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;framerate: &quot; + (int)frameRate + &quot;    &quot; + &quot;UP increase threshold, DOWN decrease threshold&quot; + &quot;\\nReceiveString: &quot; + rcvString, 8, 500);\r\n\r\n  \/\/\r\n  updateSocket(v1.x, v1.y);\r\n  \/\/updateSocket(v1.x, v1.y, tracker.display);\r\n  \r\n  receivedSocket();\r\n}\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\r\n\r\n\/\/ ----- Socket Sender ------ \r\nvoid updateSocket(float px, float py) \r\n{\r\n  String str = px + &quot;,&quot; + py;\r\n  server.write(str) ;\r\n}\r\n\r\n\r\n\/\/ ----- Socket Receiver ------\r\nvoid receivedSocket()\r\n{\r\n  if (client != null) \r\n  {\r\n    String data = client.readString();\r\n    \r\n    if (data != null) \r\n    {\r\n      rcvString = data;\r\n    }\r\n  }\r\n}\r\n\r\nvoid serverEvent(Server srv, Client clt) \r\n{\r\n  println(&quot;connected&quot;) ;\r\n  if (client != null) server.disconnect(client) ;\r\n  client = clt ;\r\n}\r\n\r\n\r\n<\/pre>\n<p>\u3068\u3001\u307e\u3041\u3053\u3093\u306a\u611f\u3058\u3067 Kinect \u304b\u3089\u53d6\u5f97\u3057\u305f X, Y \u5ea7\u6a19\u3092\u30bd\u30b1\u30c3\u30c8\u3067\u9001\u4fe1\uff08\u95a2\u6570 updateSocket \uff09\u3057\u3066\u3044\u307e\u3059\u3002<br \/>\n\u307e\u305f\u3001\u4eca\u56de\u306e\u5834\u5408\u306f\u5225\u306b\u5fc5\u8981\u306f\u306a\u3044\u306e\u3067\u3059\u304c\u3001\u30bd\u30b1\u30c3\u30c8\u306e\u53d7\u4fe1\uff08\u95a2\u6570 receivedSocket \uff09\u3082\u5b9f\u88c5\u3057\u3066 Flash \u5074\u3067\u53d7\u3051\u53d6\u3063\u305f\u5024\u3092\u52a0\u5de5\u3057\u305f\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3059\u308b\u3088\u3046\u306b\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n<p>\u3067\u3001\u6b21\u306b Flash \u5074\u306e\u30bd\u30fc\u30b9\u3067\u3059\u3002<\/p>\n<pre class=\"brush: as3; title: ; notranslate\" title=\"\">package\r\n{\r\n\timport com.bit101.components.*;\r\n\t\r\n\timport flash.display.Sprite;\r\n\timport flash.events.MouseEvent;\r\n\timport flash.events.ProgressEvent;\r\n\timport flash.net.Socket;\r\n\timport flash.text.TextField;\r\n\t\r\n\t[SWF(width = &quot;640&quot;, height = &quot;520&quot;, backgroundColor = &quot;0&quot;, frameRate = &quot;60&quot;)]\r\n\t\r\n\tpublic class Main extends Sprite\r\n\t{\r\n\t\t\r\n\t\tprivate var _sock:Socket;\r\n\t\tprivate var _tx:TextArea = new TextArea();\r\n\t\t\r\n\t\tpublic var sp:Sprite = new Sprite();\r\n\t\t\r\n\t\tpublic function Main()\r\n\t\t{\r\n\t\t\t_tx.x = 30;\r\n\t\t\t_tx.width = stage.stageWidth * .25;\r\n\t\t\t_tx.height = stage.stageHeight;\r\n\t\t\taddChild(_tx);\r\n\t\t\t\r\n\t\t\tsp.graphics.beginFill( 0xFF0000 );\r\n\t\t\tsp.graphics.drawCircle( 0, 0, 15);\r\n\t\t\taddChild( sp );\r\n\t\t\t\r\n\t\t\tsetup();\r\n\t\t}\r\n\t\t\r\n\t\tprivate function setup():void\r\n\t\t{\r\n\t\t\t_sock = new Socket();\r\n\t\t\t_sock.addEventListener(ProgressEvent.SOCKET_DATA, receive_data);\r\n\t\t\t_sock.connect(&quot;localhost&quot;, 5204);\t\r\n\t\t}\r\n\t\t\r\n\t\t\r\n\t\t\/\/ ------------- Socket Receiver ---------------------------------------------------- \/\r\n\t\tprivate function receive_data(e:ProgressEvent):void\r\n\t\t{\r\n\t\t\tvar str:String = _sock.readMultiByte(_sock.bytesAvailable,&quot;utf-8&quot;);\r\n\t\t\tvar list:Array = str.split(&quot;,&quot;);\r\n\t\t\t\r\n\t\t\tif(list[0] &gt;= 0 &amp;&amp; list[1] &gt;= 0) \r\n\t\t\t{\r\n\t\t\t\tsp.x = list[0] | 0;\r\n\t\t\t\tsp.y = list[1] | 0;\r\n\t\t\t\t\/\/\r\n\t\t\t\t_tx.text = &quot;X: &quot; + (list[0] | 0) + &quot;          Y: &quot; + (list[1] | 0) + &quot;\\n&quot; + _tx.text;\r\n\t\t\t\t\r\n\t\t\t\t\/\/\r\n\t\t\t\tsendData( &quot;X: &quot; + (list[0] | 0) + &quot;  Y: &quot; + (list[1] | 0) );\r\n\t\t\t}\r\n\t\t}\r\n\t\t\r\n\t\t\/\/ ------------- Socket Sender ---------------------------------------------------- \/\r\n\t\tprivate function sendData(data:String):void\r\n\t\t{\r\n\t\t\t\/\/ Wrighte\r\n\t\t\t_sock.writeUTFBytes( data );\r\n\t\t\t\/\/\u3000Send\r\n\t\t\t_sock.flush();\r\n\t\t}\r\n\t}\r\n\t\r\n}\r\n\r\n<\/pre>\n<p>\u3053\u3061\u3089\u306f\u3001\u30bd\u30b1\u30c3\u30c8\u3067\u53d7\u4fe1\uff08\u95a2\u6570 receive_data \uff09\u3057\u305f\u6587\u5b57\u5217\u3092\u30d1\u30fc\u30b9\u3057\u3066 X, Y \u5ea7\u6a19\u3092\u53d6\u308a\u51fa\u3057\u3001\u305d\u306e\u5ea7\u6a19\u306b Sprite \u3092\u79fb\u52d5\u3055\u305b\u308b\u3060\u3051\u306e\u5358\u7d14\u306a\u30b5\u30f3\u30d7\u30eb\u3067\u3059\u3002<br \/>\n\u30bd\u30b1\u30c3\u30c8\u3067\u306e\u9001\u4fe1\u306f\u95a2\u6570 sendData \u3067\u5b9f\u88c5\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n<p>\u307e\u305f\u3001\u4eca\u56de\u306f\u7c21\u6613\u7684\u306a\u30c6\u30b9\u30c8\u3068\u3044\u3046\u3053\u3068\u3067 Processing \u5074\u3082 Flash \u5074\u3082\u30a8\u30e9\u30fc\u51e6\u7406\u306a\u3069\u306f\u5b9f\u88c5\u3057\u3066\u3044\u307e\u305b\u3093\u306e\u3067\u3001\u5b9f\u969b\u306b\u4f7f\u7528\u3059\u308b\u5834\u5408\u306f\u305d\u306e\u90e8\u5206\u306e\u5b9f\u88c5\u304c\u5fc5\u8981\u3068\u306a\u308b\u304b\u3068\u601d\u3044\u307e\u3059\u3002<\/p>\n<p>\u4eca\u56de\u306f Flash \u3068 Processing \u3092\u30bd\u30b1\u30c3\u30c8\u3067\u63a5\u7d9a\u3057\u3066\u52d5\u304b\u3059\u3053\u3068\u304c\u3067\u304d\u305f\u306e\u3067\u3001\u6b21\u306f Processing \u88fd\u306e AR.Drone \u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u3092 Flash \u3068\u7d50\u5408\u3055\u305b\u3066\u3001Flash \u304b\u3089 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%2F667&t=OpenKinect%EF%BC%88Processing%20%E7%89%88%EF%BC%89%E3%81%A8%20Flash%20%E3%81%A7%E3%82%BD%E3%82%B1%E3%83%83%E3%83%88%E9%80%9A%E4%BF%A1' 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\/667\" data-text=\"OpenKinect\uff08Processing \u7248\uff09\u3068 Flash \u3067\u30bd\u30b1\u30c3\u30c8\u901a\u4fe1\" 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>OpenKinect \u306e Processing \u7248\u3067\u3042\u308b\u3053\u308c\u3092\u8a66\u3057\u3066\u307f\u307e\u3057\u305f\u3002 \u3057\u304b\u3057\u305f\u3060\u8a66\u3059\u3060\u3051\u3067\u306f\u9762\u767d\u304f\u3082\u306a\u3093\u3068\u3082\u306a\u3044\u306e\u3067\u3001Processing \u3067\u30bd\u30b1\u30c3\u30c8\u30b5\u30fc\u30d0\u3092\u4f5c\u3063\u3066 Flash \u3068\u901a\u4fe1\u3055\u305b\u3066\u4f55\u304b\u3084\u3063\u3066\u307f\u308b\u3053\u3068\u306b [&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],"tags":[],"_links":{"self":[{"href":"https:\/\/www.digifie.jp\/blog\/wp-json\/wp\/v2\/posts\/667"}],"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=667"}],"version-history":[{"count":15,"href":"https:\/\/www.digifie.jp\/blog\/wp-json\/wp\/v2\/posts\/667\/revisions"}],"predecessor-version":[{"id":687,"href":"https:\/\/www.digifie.jp\/blog\/wp-json\/wp\/v2\/posts\/667\/revisions\/687"}],"wp:attachment":[{"href":"https:\/\/www.digifie.jp\/blog\/wp-json\/wp\/v2\/media?parent=667"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.digifie.jp\/blog\/wp-json\/wp\/v2\/categories?post=667"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.digifie.jp\/blog\/wp-json\/wp\/v2\/tags?post=667"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}