osc2014...
TRANSCRIPT
2014/06/14 @tututen
聞くだけじゃもったいない！
観客と発表者の双方向通信を実現する
「投げ銭BOX」
自己紹介
•CLR/H 参加者
•某IT企業 会社員
•三十路カウントダウン＠２年
北見から来ました
パネルでポンが得意
◯□◯□動画でのタグ
Ohotechの運営
詳しくは北海道企画で！
提 供
CLR/HOhotech
AOSC
投げ銭BOXとは
作者
石澤 大さん
Ohotech 特盛#05で発表して頂きました
発表者の評価をアンケート等を介さず
リアルタイムで評価できる
是非使いたい！
いくつかのハードル
WAN経由での通信非対応（LAN環境必須）
iPhoneアプリしかない！
iPhone持ってないと投げ銭出来ない！！
Webから投げ銭出来るようにしよう！！
用意したもの
Python・Flask・Twisted・txosc
Python・Flask・Twisted・txosc
Web Framework
OSC
Python・Flask・Twisted・txosc
Web Framework
OSCとは？
•Open Sound Control (OSC)とは、電子楽器（特にシンセサイザー）やコンピュータなどの機器において音楽演奏データをネットワーク経由でリアルタイムに共有するための通信プロトコルである。
UDP 通信Port 8999
UDP 通信Port 8999
/path/to args1 args2 ...
UDP 通信Port 8999
/mouse/button “y10”
from txosc import osc, sync sender = sync.UdpSender('127.0.0.1', 8999) osc_msg = osc.Message('/mouse/button', 'y10') sender.send(osc_msg) sender.close()
Python コード例
作ったもの
開発プロトタイプ
コントローラVer.1
見本 見本
@tomio2480 氏が一晩で作成くれました！
でも、まだ問題が
WAN経由での通信非対応（LAN環境必須）
お手元 壇上
/mouse/button “y10”
WAN経由で通信しよう？
VPNを使おう！！
お手元 壇上
VPS
お手元 壇上
VPS
HTTP VPN
お手元 壇上
VPS
POST
お手元 壇上
VPS
OSC＼チャリーン／
Ohotech 特盛#08実戦投入！！
特盛＃08 前半
いい感じに評価されてる！
後半戦
BOXを見る限り盛況なプレゼン
ここでアンケートを見てみましょう
銭が多くなった発表
何もしてないことでお賽銭を稼ぐシステムでした
(`・ω・´)
失敗すると評価されるこの世界は厳しいなと思った。なにもしてなくても評価されるのは人望だなーと思ったり？となったり。
プレゼンに対して煽 り
の意味で銭を投げる
プレゼンに対して非難・煽り
に対して銭を投げる
予定外の投げ銭の使い方！
そんな反応の中…
ダメ銭Dis銭
としての新たな可能性！
とても前向きでした
総 評
1種類のコインだと評価の善し悪しがわかりにくい
BOXをVPN−OSC経由だとパケット詰まりを感じた
VPNの準備が大変
Next Step！
VPNの準備がネック
煽り銭の実装
herokuにデプロイ
VPNの準備がネック↓
BOXのWebアプリ化
VPNの準備がネック↓
BOXのWebアプリ化
BOXで物理演算使用↓
HTML5でどうにか↓
JS版Box2Dを使おう
BOXで物理演算使用↓
HTML5でどうにか↓
JS版Box2Dを使おう
BOXで物理演算使用↓
HTML5でどうにか↓
JS版Box2Dを使おう
Box2D.jsBox2DWeb
jsbox2dMatter.js
Box2D.jsBox2DWeb
jsbox2dMatter.js
「Box2D Web」で検索した結果
単一ファイルで完結する
新しいのを基準に作成
Box2D.jsBox2DWeb
jsbox2dMatter.js
煽り銭の実装
herokuにデプロイ↓
gunicornが必要↓
Flask-SocketIOとの相性…
herokuにデプロイ↓
gunicornが必要↓
Flask-SocketIOとの相性…
herokuにデプロイ↓
gunicornが必要↓
Flask-SocketIOとの相性…
https://github.com/miguelgrinberg/Flask-SocketIO/issues/14
fixされてますが上手く動かず…
ですので
Nodejsで作りなおす!
(14年5月19日)
用意したもの
"socket.io": "^0.9.16"
"ejs": "^1.0.0"
"express": "^4.3.0"
"morgan": "^1.1.1"
"qrcode-npm": "0.0.3"
移植はさくさく(5日)
Gitの使い方に四苦八苦
hg revert 相当?git st 省略不可?
git push repo先 [???]
git commit [ここ] が省略できない?
公開鍵登録してのError: Permission denied (publickey)
heroku toolbelt
にも四苦八苦
install.shだけでは動かない登録したパスワード忘れる…
ruby 1.8系で動作せず
※インストール後PATH通しましょう
公式DocsよりStackOverFlow
あとはスムーズ
投げ銭使ってみたい方？
gitクライアント
heroku toolbelt
があれば5分で出来ます!
Demo(https://github.com/ohotech/nagesen_web)
ね、簡単でしょ?
Ohotech 特盛#09実戦投入！！
運用上の問題ソフト上の問題
運用上の問題
・煽り銭の扱い方
・プロジェクタ
・ネットの配備
ソフト上の問題
・銭の桁上げ問題
・煽り銭表示可否
・スクリプト実行対策
実践するたびに
問題発生
創意工夫する
時期ですので
感想をお願いします！
対戦しませんか？
対戦しませんか？ご静聴
ありがとうございました