30
NUDE KNOCK OUT @nazomikan Node 学園祭 2012 121118日日曜日

Nude Knock Out

Embed Size (px)

DESCRIPTION

Node学園祭2012でLTしてきた資料です。 @nazomikan

Citation preview

Page 1: Nude Knock Out

NUDE KNOCK OUT@nazomikan

Node学園祭2012

12年11月18日日曜日

Page 2: Nude Knock Out

ABOUT MEtwitter : @nazomikangithub: nazomikanmail: [email protected]

site: http://nazomikan.com

普段はjsだったりrubyだったりかいてます

※コンプライアンスに抵触する恐れがあるので会社名は控えてます。

12年11月18日日曜日

Page 3: Nude Knock Out

今日のお話

この間のnode knockoutにいってきた話

12年11月18日日曜日

Page 4: Nude Knock Out

男4人でおっぱいをつくってきました

12年11月18日日曜日

Page 5: Nude Knock Out

おっぱいをつくってきました

12年11月18日日曜日

Page 6: Nude Knock Out

おっぱいをつくってきました

12年11月18日日曜日

Page 7: Nude Knock Out

大事なことなので3回RY

12年11月18日日曜日

Page 8: Nude Knock Out

NODE KNOCKOUT 一ヶ月前

12年11月18日日曜日

Page 9: Nude Knock Out

一人の天才を補足

12年11月18日日曜日

Page 10: Nude Knock Out

世紀性器の大発見

12年11月18日日曜日

Page 11: Nude Knock Out

というわけで作ってきました

12年11月18日日曜日

Page 12: Nude Knock Out

DEMODouble Mountain

http://kusattamikan.nko3.jitsu.com/

※JITSUが落ちるの怖いのでデモはlocalhostでやります

12年11月18日日曜日

Page 13: Nude Knock Out

おっぱいの描画

@nazomikan12年11月18日日曜日

Page 14: Nude Knock Out

おっぱいの描画webGL(lib: Three.js)を使用おっぱい方程式 (-2.5 < x < 2.5) (-2.5 < y < 3)の範囲で感覚0.02ごとにプロットして面を作る(簡単に見えるけど結構苦戦)

x

y

12年11月18日日曜日

Page 15: Nude Knock Out

音声の共有合成の音声生成ツール OpenJtalk(♀)にセクシーな言葉を与えて音源を作成 → HTML5 Audio APIで再生

おっぱいがクリックされたことをカメラの向きベクトルとおっぱいを構成してる面の法線ベクトルの衝突で感知し、Socket.ioを通じて他画面にブロードキャスト

@yokoyahhman

12年11月18日日曜日

Page 16: Nude Knock Out

後は感度にあわせて再生

それにしても実装者はノリノリである

12年11月18日日曜日

Page 17: Nude Knock Out

ミルクビームの作成Three.jsで無数のパーティクルを順序よく作成し、まるでミルクビームに重力がかかっているかのようにしたたり落ちるアニメーションを作成

@to_muu_mas12年11月18日日曜日

Page 18: Nude Knock Out

ミルクビームの共有

クリックの共有にフックさせて規定感度になった時に発射

12年11月18日日曜日

Page 19: Nude Knock Out

カメラアングルの共有われわれの中では他者のカメラアングルのことをおっぱいハンターと呼んでいるThree.jsが提供するカメラ座標をsocket.ioでブロードキャストして共有

@kuwabarahiroshi12年11月18日日曜日

Page 20: Nude Knock Out

カメラアングルの共有

実装者は超ノリノリ

12年11月18日日曜日

Page 21: Nude Knock Out

そして審判の時

12年11月18日日曜日

Page 22: Nude Knock Out

評判は概ね良好・・・

12年11月18日日曜日

Page 23: Nude Knock Out

ばかりでもなく・・・

12年11月18日日曜日

Page 24: Nude Knock Out

海外の辛口おっぱいマイスター達から激辛のコメントが相次ぐ

12年11月18日日曜日

Page 25: Nude Knock Out

あぁ、わかってるさ、お前たちのいいたいことくらい・・・

12年11月18日日曜日

Page 26: Nude Knock Out

揉めないおっぱいには何の価値もないっていいたいんだろ

う!!!

12年11月18日日曜日

Page 27: Nude Knock Out

そんな時一人の研究員がある資料を発見

12年11月18日日曜日

Page 28: Nude Knock Out

面を構成する点の座標をばねのように遷移させれば面も波うってみえ

る!!

参考http://www.netmagazine.com/tutorials/create-interactive-liquid-metal-ball-webgl

12年11月18日日曜日

Page 29: Nude Knock Out

LET’S PLUNE PLUNEDEMO

12年11月18日日曜日

Page 30: Nude Knock Out

おっぱいがふきとんじゃったのでここでおしまい。

ごせいちょうありがとうございました!!

@nazomikan@yokoyahhman@to_muu_mas

@kuwabarahiroshi12年11月18日日曜日