Upgrade to Pro — share decks privately, control downloads, hide ads and more …

復活のてら子

 復活のてら子

東京てら子 vol.20 のスライド

29ae0441f1980e37e2f6e57b2ed2c915?s=128

YAMAGUCHI EIKICHI

September 01, 2013
Tweet

More Decks by YAMAGUCHI EIKICHI

Other Decks in Programming

Transcript

  1. 復活のてら子 2013/09/01 @__kageyama__

  2. はじめまして?

  3. お前だれよ 山口永吉 フリーランスのなんちゃってエンジニア 怖い人ではないです。 おっさんでもなく26歳です。 @__kageyama__, @__hage__ http://kageya.ma https://github.com/glassesfactory AS3

    とか JS とか Python とか 触ってるらしいです。 最近は Haxe と Erlang,Go が気になっています。
  4. 知らないアカウントで 女子だと期待した人のために 可愛いフォントにしておいたよ!

  5. 今日の話

  6. 入力デバイス

  7. LeapMotion Kinect

  8. もっと気軽に

  9. Web でも活用したい

  10. None
  11. スマートフォンをコントローラーに

  12. None
  13. せっかく?なのでフロントを Flash に

  14. 20分で話せるわけがないので 掻い摘んでいくよ

  15. Flash JavaScript 中継 socket.io

  16. OimoPhysics + PC

  17. Mobile

  18. 現状一択では。 Mobile

  19. Mobile zepto.js jQuery の軽量版。 HTML5 なコンテンツであれば機能としては十分。 ※参考 jquery.min.js -> 84KB

    zepto.min.js -> 27KB ¥ TrTween.js とある赤坂謹製の Tween ライブラリ。 DOMを扱うような Tween が楽。 そのうち fork して送りつける予定。
  20. 処理の流れ

  21. PC 認証待ち 識別番号表示 Socket.IO と接続 回転、タッチ、ピンチ、リリースを待受 ピンチでキューブ生成(Away3D) リリースで剛体化(OimoPhysics)

  22. Mobile Socket.IO と接続 認証待ち(モーダル) タッチ、ピンチ、リリースを監視

  23. Server OAuth 処理 セッション管理(redis) 識別ID発行 -> redis に突っ込む Mobile との接続

    中継
  24. 面倒くさい、工夫が必要な点

  25. OimoPhysics +

  26. OimoPhysicsの計算結果 ↓ Away3D の Quaternion ↓ Away3D の Matrix ↓

    Away3D の Transform
  27. Flash + Socket.IO

  28. FlashSocket.IO https://github.com/simb/FlashSocket.IO

  29. 連携してる WebSocket ライブラリが古いし 使いづらい

  30. お気に入りはこっち https://github.com/Worlize/AS3WebSocket AS3WebSocket

  31. Socket.IO 独自ルールに 自力で対応する必要がある

  32. node.js 側も面倒くさい話いっぱいあったけど Flash の勉強会なのでスルー。

  33. 掻い摘むと 色んなライブラリあって楽にできる! と思いきや色々動かなかったりで 結局自力で処理…

  34. None
  35. None
  36. ローパスフィルター

  37. ノイズをカット!

  38. 間に合わんかった☆(ゝω・)vキャピ

  39. まとめ

  40. 一度仕組みができてしまえば 使いまわししやすい アプリ化しないので 任意の公開タイミングでやりやすい 技術者が揃えやすい -> Haxe だけでおk

  41. ご成長ありがとうございました。