Download - Beenos creators'night#201308今井
![Page 1: Beenos creators'night#201308今井](https://reader031.vdocuments.mx/reader031/viewer/2022032223/55c8fd2ebb61eb186e8b47b7/html5/thumbnails/1.jpg)
2013/08/30 beenos creators’ night #04
![Page 2: Beenos creators'night#201308今井](https://reader031.vdocuments.mx/reader031/viewer/2022032223/55c8fd2ebb61eb186e8b47b7/html5/thumbnails/2.jpg)
【ずっと使ってる次回予告】 レイ・フロンティア田村さんと なにかデバイス作って持ってくる
![Page 3: Beenos creators'night#201308今井](https://reader031.vdocuments.mx/reader031/viewer/2022032223/55c8fd2ebb61eb186e8b47b7/html5/thumbnails/3.jpg)
なかなか コラボって難しいですよね。
![Page 4: Beenos creators'night#201308今井](https://reader031.vdocuments.mx/reader031/viewer/2022032223/55c8fd2ebb61eb186e8b47b7/html5/thumbnails/4.jpg)
【夏休みの宿題】 この夏に沢山届いたデバイスを 使わないといけないじゃないか
ネットプライスドットコム beenos Future Center いまいだいすけ
![Page 5: Beenos creators'night#201308今井](https://reader031.vdocuments.mx/reader031/viewer/2022032223/55c8fd2ebb61eb186e8b47b7/html5/thumbnails/5.jpg)
この夏に届いちゃったもの
![Page 6: Beenos creators'night#201308今井](https://reader031.vdocuments.mx/reader031/viewer/2022032223/55c8fd2ebb61eb186e8b47b7/html5/thumbnails/6.jpg)
結構買ったなぁ。
![Page 7: Beenos creators'night#201308今井](https://reader031.vdocuments.mx/reader031/viewer/2022032223/55c8fd2ebb61eb186e8b47b7/html5/thumbnails/7.jpg)
積ん読(・A・)イクナイ!!
![Page 8: Beenos creators'night#201308今井](https://reader031.vdocuments.mx/reader031/viewer/2022032223/55c8fd2ebb61eb186e8b47b7/html5/thumbnails/8.jpg)
【夏休みの宿題】 ・enchantMOONの活用
MOON blockで実用系アプリをひとつ作る ・LeapMotionで遊ぶ
とりあえずleap.jsを用いて、マンマシンI/Fにする ・Oculus Riftのテスト
なんでも良いから3Dで何か作ろう。Unityとか一度もまともにビルドしてみたことないし、Three.jsでも遊べるみたいだし。
・OUYAは単なるAndroidだからスルー
![Page 9: Beenos creators'night#201308今井](https://reader031.vdocuments.mx/reader031/viewer/2022032223/55c8fd2ebb61eb186e8b47b7/html5/thumbnails/9.jpg)
上からやってくか。
![Page 10: Beenos creators'night#201308今井](https://reader031.vdocuments.mx/reader031/viewer/2022032223/55c8fd2ebb61eb186e8b47b7/html5/thumbnails/10.jpg)
課題1 enchantMOONの活用
![Page 11: Beenos creators'night#201308今井](https://reader031.vdocuments.mx/reader031/viewer/2022032223/55c8fd2ebb61eb186e8b47b7/html5/thumbnails/11.jpg)
【enchantMOONとは】 enchantMOONは、既存のタブレットとはまったく異なる思想のもとで開発された、新しいコンピュータです。 人は何かを生み出す時、「紙」に書くことから思考を始めます。 一方で「紙」には情報の検索や共有ができないという弱点がありました。 私たちがめざしたのは、「手書きの自由さ」と「デジタルデータやWebの利便性」を兼ね備えた“魔法の紙”です。 描くことからはじまり、瞬時に世界とつながる、その思考プロセスは、これまでになかったアイデアを生み出すことでしょう。
「NO UI」を標榜し、またビジュアルプログラミング言語で機能拡張をすることのできる手書きに特化したタブレット。
![Page 12: Beenos creators'night#201308今井](https://reader031.vdocuments.mx/reader031/viewer/2022032223/55c8fd2ebb61eb186e8b47b7/html5/thumbnails/12.jpg)
UEI(ユビキタスエンターテインメント)製
![Page 13: Beenos creators'night#201308今井](https://reader031.vdocuments.mx/reader031/viewer/2022032223/55c8fd2ebb61eb186e8b47b7/html5/thumbnails/13.jpg)
毎回プレゼンタイマーに Mac一台使ってたのが 結構無駄じゃね?
![Page 14: Beenos creators'night#201308今井](https://reader031.vdocuments.mx/reader031/viewer/2022032223/55c8fd2ebb61eb186e8b47b7/html5/thumbnails/14.jpg)
内蔵のMOON block (ビジュアルプログラミング環境)
のみを使って 「プレゼンタイマー」 作ってみました。
![Page 15: Beenos creators'night#201308今井](https://reader031.vdocuments.mx/reader031/viewer/2022032223/55c8fd2ebb61eb186e8b47b7/html5/thumbnails/15.jpg)
【要件】 ・5分と10分を計るカウントダウンタイマー ・終了時に音がなる ・残り少なくなったら色が変わるなど
![Page 16: Beenos creators'night#201308今井](https://reader031.vdocuments.mx/reader031/viewer/2022032223/55c8fd2ebb61eb186e8b47b7/html5/thumbnails/16.jpg)
【手順】 ・まず一つ絵を描く(ストップウォッチのつもり) ・その絵にLinkを設定すると「シール」化 ・シールをHackする
シールの機能自体がMOON Blockで作られているので、それに機能を追加していく形です。
・編集が終わったら、シール化した絵をタップすると、プログラムが実行される。
![Page 17: Beenos creators'night#201308今井](https://reader031.vdocuments.mx/reader031/viewer/2022032223/55c8fd2ebb61eb186e8b47b7/html5/thumbnails/17.jpg)
![Page 18: Beenos creators'night#201308今井](https://reader031.vdocuments.mx/reader031/viewer/2022032223/55c8fd2ebb61eb186e8b47b7/html5/thumbnails/18.jpg)
【やってみたら】 ・ブロック20超えると重くなってくる ・40超えたあたりから異様に重い ・意外にタップのターゲットが小さくて、狙い通りに動いてくれない ・作業途中に落ちる ・デバッグコンソール存在しない ・デバイスが不安定で、同じコードが同じ結果にならない
![Page 19: Beenos creators'night#201308今井](https://reader031.vdocuments.mx/reader031/viewer/2022032223/55c8fd2ebb61eb186e8b47b7/html5/thumbnails/19.jpg)
こんな環境で開発できるかっ!
![Page 20: Beenos creators'night#201308今井](https://reader031.vdocuments.mx/reader031/viewer/2022032223/55c8fd2ebb61eb186e8b47b7/html5/thumbnails/20.jpg)
でも、USBでつないでテキストファイル書き換えるのは邪道だっ!
(なんでもアリになっちゃうので)
![Page 21: Beenos creators'night#201308今井](https://reader031.vdocuments.mx/reader031/viewer/2022032223/55c8fd2ebb61eb186e8b47b7/html5/thumbnails/21.jpg)
![Page 22: Beenos creators'night#201308今井](https://reader031.vdocuments.mx/reader031/viewer/2022032223/55c8fd2ebb61eb186e8b47b7/html5/thumbnails/22.jpg)
【実際の所】 ・総ブロック数70弱 ・途中からは苦行。功徳をつんだ。 ・割り込みがおかしいのか、秒の進み方が一様でない ・ちょ、動かしてたらスリープするんですけど ・色が変わったり変わらなかったり ・音が出たり出なかったり。
![Page 23: Beenos creators'night#201308今井](https://reader031.vdocuments.mx/reader031/viewer/2022032223/55c8fd2ebb61eb186e8b47b7/html5/thumbnails/23.jpg)
めっちゃ時間かかったのに… (́・ω・`)ショボーン
![Page 24: Beenos creators'night#201308今井](https://reader031.vdocuments.mx/reader031/viewer/2022032223/55c8fd2ebb61eb186e8b47b7/html5/thumbnails/24.jpg)
まあ、いい。 課題1クリア!
![Page 25: Beenos creators'night#201308今井](https://reader031.vdocuments.mx/reader031/viewer/2022032223/55c8fd2ebb61eb186e8b47b7/html5/thumbnails/25.jpg)
課題2 LeapMotionで遊ぶ
![Page 26: Beenos creators'night#201308今井](https://reader031.vdocuments.mx/reader031/viewer/2022032223/55c8fd2ebb61eb186e8b47b7/html5/thumbnails/26.jpg)
【LeapMotionとは】 空中の手のジェスチャーでパソコンを操作できるUSBデバイス。マイノリティ・リポートか!みたいな感じで。
![Page 27: Beenos creators'night#201308今井](https://reader031.vdocuments.mx/reader031/viewer/2022032223/55c8fd2ebb61eb186e8b47b7/html5/thumbnails/27.jpg)
何作ろう
![Page 28: Beenos creators'night#201308今井](https://reader031.vdocuments.mx/reader031/viewer/2022032223/55c8fd2ebb61eb186e8b47b7/html5/thumbnails/28.jpg)
しかし、enchantMOONで 思ったより時間食い過ぎた。
(プレゼンも)
![Page 29: Beenos creators'night#201308今井](https://reader031.vdocuments.mx/reader031/viewer/2022032223/55c8fd2ebb61eb186e8b47b7/html5/thumbnails/29.jpg)
時間がないときは「いつもの」
![Page 30: Beenos creators'night#201308今井](https://reader031.vdocuments.mx/reader031/viewer/2022032223/55c8fd2ebb61eb186e8b47b7/html5/thumbnails/30.jpg)
その前に leap.jsって
結構面白い仕組み
![Page 31: Beenos creators'night#201308今井](https://reader031.vdocuments.mx/reader031/viewer/2022032223/55c8fd2ebb61eb186e8b47b7/html5/thumbnails/31.jpg)
アプリで動かす場合の仕組み
![Page 32: Beenos creators'night#201308今井](https://reader031.vdocuments.mx/reader031/viewer/2022032223/55c8fd2ebb61eb186e8b47b7/html5/thumbnails/32.jpg)
なんとWebSocket Server!
![Page 33: Beenos creators'night#201308今井](https://reader031.vdocuments.mx/reader031/viewer/2022032223/55c8fd2ebb61eb186e8b47b7/html5/thumbnails/33.jpg)
いつもの 「クマちゃん in the sky」を
手をパタパタさせて 操作するゲームにしてみる。
![Page 34: Beenos creators'night#201308今井](https://reader031.vdocuments.mx/reader031/viewer/2022032223/55c8fd2ebb61eb186e8b47b7/html5/thumbnails/34.jpg)
【手順】 ・jsdo.itでいつものをfork ・leap.min.jsを追加 ・必要な情報を抜き出すLoopの設定
Leapオブジェクトが使えるようになるのでメインループからのコールバック関数を定義
・タップで操作していた部分を、上記の関数から取得した数値によって操作できるように書き換え。
![Page 35: Beenos creators'night#201308今井](https://reader031.vdocuments.mx/reader031/viewer/2022032223/55c8fd2ebb61eb186e8b47b7/html5/thumbnails/35.jpg)
Y軸の加速度ではばたき X軸の位置で前後の加速
![Page 36: Beenos creators'night#201308今井](https://reader031.vdocuments.mx/reader031/viewer/2022032223/55c8fd2ebb61eb186e8b47b7/html5/thumbnails/36.jpg)
DEMO
![Page 37: Beenos creators'night#201308今井](https://reader031.vdocuments.mx/reader031/viewer/2022032223/55c8fd2ebb61eb186e8b47b7/html5/thumbnails/37.jpg)
課題2 クリアー
![Page 38: Beenos creators'night#201308今井](https://reader031.vdocuments.mx/reader031/viewer/2022032223/55c8fd2ebb61eb186e8b47b7/html5/thumbnails/38.jpg)
課題3 Oculus Riftのテスト
![Page 39: Beenos creators'night#201308今井](https://reader031.vdocuments.mx/reader031/viewer/2022032223/55c8fd2ebb61eb186e8b47b7/html5/thumbnails/39.jpg)
タイムアップ!!!
![Page 40: Beenos creators'night#201308今井](https://reader031.vdocuments.mx/reader031/viewer/2022032223/55c8fd2ebb61eb186e8b47b7/html5/thumbnails/40.jpg)
つか、 今回ギブアップ!!!
![Page 41: Beenos creators'night#201308今井](https://reader031.vdocuments.mx/reader031/viewer/2022032223/55c8fd2ebb61eb186e8b47b7/html5/thumbnails/41.jpg)
こんなのがある
![Page 42: Beenos creators'night#201308今井](https://reader031.vdocuments.mx/reader031/viewer/2022032223/55c8fd2ebb61eb186e8b47b7/html5/thumbnails/42.jpg)
ってことで、
![Page 43: Beenos creators'night#201308今井](https://reader031.vdocuments.mx/reader031/viewer/2022032223/55c8fd2ebb61eb186e8b47b7/html5/thumbnails/43.jpg)
【次回予告】 OculusRift+LeapMotion
![Page 44: Beenos creators'night#201308今井](https://reader031.vdocuments.mx/reader031/viewer/2022032223/55c8fd2ebb61eb186e8b47b7/html5/thumbnails/44.jpg)
ご清聴 ありがとうございました。