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
640
Other Decks in Programming
See All in Programming
ふつうの技術スタックでアート作品を作ってみる
akira888
1
850
効率的な開発手段として VRTを活用する
ishkawa
0
140
Rails Frontend Evolution: It Was a Setup All Along
skryukov
0
140
AI コーディングエージェントの時代へ:JetBrains が描く開発の未来
masaruhr
1
150
「Cursor/Devin全社導入の理想と現実」のその後
saitoryc
0
820
なぜ適用するか、移行して理解するClean Architecture 〜構造を超えて設計を継承する〜 / Why Apply, Migrate and Understand Clean Architecture - Inherit Design Beyond Structure
seike460
PRO
3
770
Goで作る、開発・CI環境
sin392
0
230
なぜ「共通化」を考え、失敗を繰り返すのか
rinchoku
1
650
Claude Code + Container Use と Cursor で作る ローカル並列開発環境のススメ / ccc local dev
kaelaela
10
5.2k
PicoRuby on Rails
makicamel
2
130
Node-RED を(HTTP で)つなげる MCP サーバーを作ってみた
highu
0
120
PipeCDのプラグイン化で目指すところ
warashi
1
280
Featured
See All Featured
4 Signs Your Business is Dying
shpigford
184
22k
Rebuilding a faster, lazier Slack
samanthasiow
82
9.1k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
Into the Great Unknown - MozCon
thekraken
40
1.9k
Why Our Code Smells
bkeepers
PRO
336
57k
For a Future-Friendly Web
brad_frost
179
9.8k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
10
950
Statistics for Hackers
jakevdp
799
220k
Embracing the Ebb and Flow
colly
86
4.7k
GitHub's CSS Performance
jonrohan
1031
460k
Faster Mobile Websites
deanohume
307
31k
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
ご成長ありがとうございました。