復活のてら子

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

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 でも活用したい
11. スマートフォンをコントローラーに
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. 掻い摘むと 色んなライブラリあって楽にできる！ と思いきや色々動かなかったりで 結局自力で処理…
36. ローパスフィルター
37. ノイズをカット！
38. 間に合わんかった☆（ゝω・）vｷｬﾋﾟ
39. まとめ
40. 一度仕組みができてしまえば 使いまわししやすい アプリ化しないので 任意の公開タイミングでやりやすい 技術者が揃えやすい -> Haxe だけでおｋ
41. ご成長ありがとうございました。