復活のてら子

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

はじめまして?

お前だれよ山口永吉フリーランスのなんちゃってエンジニア怖い人ではないです。おっさんでもなく26歳です。 @__kageyama__, @__hage__ http://kageya.ma https://github.com/glassesfactory AS3
とか JS とか Python とか触ってるらしいです。最近は Haxe と Erlang,Go が気になっています。

知らないアカウントで女子だと期待した人のために可愛いフォントにしておいたよ！

今日の話

入力デバイス

LeapMotion Kinect

もっと気軽に

Web でも活用したい

スマートフォンをコントローラーに

せっかく?なのでフロントを Flash に

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

Flash JavaScript 中継 socket.io

OimoPhysics + PC

Mobile

現状一択では。 Mobile

Mobile zepto.js jQuery の軽量版。 HTML5 なコンテンツであれば機能としては十分。 ※参考 jquery.min.js -> 84KB
zepto.min.js -> 27KB ¥ TrTween.js とある赤坂謹製の Tween ライブラリ。 DOMを扱うような Tween が楽。そのうち fork して送りつける予定。

処理の流れ

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

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

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

面倒くさい、工夫が必要な点

OimoPhysics +

OimoPhysicsの計算結果 ↓ Away3D の Quaternion ↓ Away3D の Matrix ↓
Away3D の Transform

Flash + Socket.IO

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

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

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

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

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

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

ローパスフィルター

ノイズをカット！

間に合わんかった☆（ゝω・）vｷｬﾋﾟ

まとめ

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

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

復活のてら子

復活のてら子

More Decks by YAMAGUCHI EIKICHI

Other Decks in Programming

Featured

Transcript