Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
復活のてら子
Search
YAMAGUCHI EIKICHI
September 01, 2013
Programming
0
440
復活のてら子
東京てら子 vol.20 のスライド
YAMAGUCHI EIKICHI
September 01, 2013
Tweet
Share
More Decks by YAMAGUCHI EIKICHI
See All by YAMAGUCHI EIKICHI
長期案件を受けても 時代に取り残されないためには
glassesfactory
1
650
Other Decks in Programming
See All in Programming
止められない医療アプリ、そっと Swift 6 へ
medley
1
170
Cloudflare AgentsとAI SDKでAIエージェントを作ってみた
briete
0
140
Go言語の特性を活かした公式MCP SDKの設計
hond0413
1
230
2分台で1500examples完走!爆速CIを支える環境構築術 - Kaigi on Rails 2025
falcon8823
3
3.6k
その面倒な作業、「Dart」にやらせませんか? Flutter開発者のための業務効率化
yordgenome03
1
120
大規模アプリのDIフレームワーク刷新戦略 ~過去最大規模の並行開発を止めずにアプリ全体に導入するまで~
mot_techtalk
1
440
Introducing ReActionView: A new ActionView-Compatible ERB Engine @ Kaigi on Rails 2025, Tokyo, Japan
marcoroth
3
1k
(Extension DC 2025) Actor境界を越える技術
teamhimeh
1
250
階層構造を表現するデータ構造とリファクタリング 〜1年で10倍成長したプロダクトの変化と課題〜
yuhisatoxxx
3
1k
CSC509 Lecture 05
javiergs
PRO
0
300
あなたとKaigi on Rails / Kaigi on Rails + You
shimoju
0
130
なぜあの開発者はDevRelに伴走し続けるのか / Why Does That Developer Keep Running Alongside DevRel?
nrslib
3
400
Featured
See All Featured
GraphQLとの向き合い方2022年版
quramy
49
14k
For a Future-Friendly Web
brad_frost
180
9.9k
Rails Girls Zürich Keynote
gr2m
95
14k
It's Worth the Effort
3n
187
28k
jQuery: Nuts, Bolts and Bling
dougneiner
65
7.9k
Rebuilding a faster, lazier Slack
samanthasiow
84
9.2k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
127
53k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.7k
The Cost Of JavaScript in 2023
addyosmani
54
9k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
132
19k
Leading Effective Engineering Teams in the AI Era
addyosmani
2
320
Transcript
復活のてら子 2013/09/01 @__kageyama__
はじめまして?
お前だれよ 山口永吉 フリーランスのなんちゃってエンジニア 怖い人ではないです。 おっさんでもなく26歳です。 @__kageyama__, @__hage__ http://kageya.ma https://github.com/glassesfactory AS3
とか JS とか Python とか 触ってるらしいです。 最近は Haxe と Erlang,Go が気になっています。
知らないアカウントで 女子だと期待した人のために 可愛いフォントにしておいたよ!
今日の話
入力デバイス
LeapMotion Kinect
もっと気軽に
Web でも活用したい
None
スマートフォンをコントローラーに
None
せっかく?なのでフロントを 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 の勉強会なのでスルー。
掻い摘むと 色んなライブラリあって楽にできる! と思いきや色々動かなかったりで 結局自力で処理…
None
None
ローパスフィルター
ノイズをカット!
間に合わんかった☆(ゝω・)vキャピ
まとめ
一度仕組みができてしまえば 使いまわししやすい アプリ化しないので 任意の公開タイミングでやりやすい 技術者が揃えやすい -> Haxe だけでおk
ご成長ありがとうございました。