Nko

232 views
142 views

Published on

nkoの共有資料。socket.io周り

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
232
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Nko

    1. 1. Node Knockout @nazomikan @yokoyahhman @kuwabarahiroshi @tomuumas
    2. 2. Node Knockoout• node.js のハッカソン• 2012/11/10 ~ 2012/11/12 の48h耐久• 今回は400チームくらい(?)が参加、167作品が最終 的にエントリー• 優勝商品はdropboxやらgithubやらのプレミアムアカウン ト• 世界の偉い人135人くらいがジャッジ
    3. 3. つくったもの・・
    4. 4. おっぱい.js• http://kusattamikan.nko3.jitsu.com/
    5. 5. socket.io• webブラウザ間でリアルタイムな通信を行うた めのライブラリ• イベント駆動型の記述ができ、サーバー、ク ライアント間でのやり取りが可能• 同じアプリケーションを開いたすべての人と イベントの共有ができる
    6. 6. socket.io利用例1:母乳• おっぱいへのタッチイベントを取得し てサーバー側へ送信• タッチされたことを全サーバーに共有• タッチされたことを受け取った各サー バーが感度メーターをアップ• メーターがいっぱいになると母乳噴射
    7. 7. socket.io利用例2:声• おっぱいへのタッチイベントを取得し てサーバー側へ送信• タッチされたことを全サーバーに共有• タッチされたことを受け取った各サー バーが感度メーターをアップ• 感度によって出力する声の音源を変更
    8. 8. コード例
    9. 9. oppai.js• クライアント側:おっぱいへのタッチを取得 してサーバー側へ送信
    10. 10. connection.js• サーバー側: タッチされたことを全サーバー に共有
    11. 11. meter.js• クライアント側: タッチされたことを受け 取った各サーバーが感度メーターをアップ
    12. 12. socket.io利用例3: おっぱいハンター• アクセスするとカメラアングルの座標 を他の利用者に共有• 他の利用者にはその座標におっぱいハ ンターが現れる• 以後カメラアングルを変えるごとに位 置を共有しなおす
    13. 13. • node knockout: • http://nodeknockout.com/• kusattamikan nko page: • http://nodeknockout.com/teams/kusattamikan• kusattamikan github: • https://github.com/nko3/kusattamikan

    ×