20151215 色で色々遊ぼう

19
色で色々遊ぼう 2015/12/15 株式会社グッドパッチ 右寺 隆信 @migi

Upload: migi-migi

Post on 08-Jan-2017

1.846 views

Category:

Technology


0 download

TRANSCRIPT

Page 1: 20151215 色で色々遊ぼう

色で色々遊ぼう2015/12/15

株式会社グッドパッチ 右寺 隆信 @migi

Page 2: 20151215 色で色々遊ぼう

われわれ WEBの人にとっての 「色」とは?

Page 3: 20151215 色で色々遊ぼう

それぞれ0~255の 値をとる

R(赤) / G(緑) / B(青) この3つのプロパティ

Page 4: 20151215 色で色々遊ぼう

そこで思った

Page 5: 20151215 色で色々遊ぼう

身の回りの

「数値で表せる」「3つで1組のもの」

を色に変換すると面白いのでは…

Page 6: 20151215 色で色々遊ぼう

ということで こんなゲームを 作ってみました

Page 7: 20151215 色で色々遊ぼう

http://migi1982.github.io/color/

スマホからアクセスどうぞ

Page 8: 20151215 色で色々遊ぼう

スマホのx軸/y軸/z軸の傾きを deviceorientationイベント

から取得

Page 9: 20151215 色で色々遊ぼう

それをRGBに変換!

Page 10: 20151215 色で色々遊ぼう

するだけの簡単な お仕事です

Page 11: 20151215 色で色々遊ぼう

上の色(お題)と同じ色を 下の色(回答)で作れたら

クリアです

Page 12: 20151215 色で色々遊ぼう

ゲキムズですが そのうちヒントが

出てくるのでがんばって

Page 13: 20151215 色で色々遊ぼう

リポジトリはこちら

https://github.com/migi1982/color

Page 14: 20151215 色で色々遊ぼう

締め

Page 15: 20151215 色で色々遊ぼう

みなさんも身の回りの 「数値で表せる」「3つで1組のもの」 を色に変換して遊んでみましょう!

Page 16: 20151215 色で色々遊ぼう

みなさんも身の回りの 「数値で表せる」「3つで1組のもの」 を色に変換して遊んでみましょう!

AV女優のスリーサイズとかね

Page 17: 20151215 色で色々遊ぼう

グッドパッチでは フロントエンドエンジニアを

募集中です! https://www.wantedly.com/projects/4434

Page 18: 20151215 色で色々遊ぼう

おしらせ

Page 19: 20151215 色で色々遊ぼう

・Goodpatch Advent Calendar 2015  http://qiita.com/advent-calendar/2015/goodpatch

・ボドゲ紹介 Advent Calendar 2015  http://www.adventar.org/calendars/874

・酒🍶 Advent Calendar 2015  http://www.adventar.org/calendars/806

12/23(水・祝)に書きます