Embed Size (px)
Citation preview
ウフル様 7/22
Node-RED(enebular) x littleBits
ワンフットシーバス 田中正吾
私の話はスライドを後ほど共有します。話す内容に注力いただいて大丈夫です！
自己紹介
田中正吾（たなかせいご）屋号：ワンフットシーバス
2004年よりフリーランス。以後、FLASH制作を中心にインタラクティブコンテンツを主に行い現在に至る。最近は、JavaScriptやHTML5アニメーション、スマートフォン演出制作にも関わります。デジタルサイネージやアプリ制作もやります。ツール導入やワークフロー改善に関わったりしています。
littleBits
デジタルサイネージ
デバイス
デバイス
デジタルサイネージにも人感センサーやWEBカメラなどプラスアルファな機材が出てきた。
デバイス
littleBits
こんなかんじのブロック
パーツを磁石でつなげる
間違ってると磁石なので反発する（接続ミス防止）
4つの機能を色で分かりやすくデザイン
Bits 製品情報 - littleBits よりhttp://jp.littlebits.com/bits/
たとえば
お家の明かりスイッチ
お家の明かりスイッチ
電源が流れてPOWER
スイッチを押すとINPUT
ライトがつくよOUTPUT
こんな仕組みを思いついたとする
色で役割を意識しながら設計できる
電源が流れてPOWER
スイッチを押すとINPUT
ライトがつくよOUTPUT
スイッチを押すとライトが付くよ！できた！
プログラムを書くのにも似てる
電源が流れてPOWER
スイッチを押すとINPUT
ライトがつくよOUTPUT
// INPUTLittleBitsPushSwitchModule.addEventListener( "push" , handlerMySwitchPush );
function handlerMySwitchPush(){// OUTPUTLittleBitsLEDModule.output(100);
}
そもそもデザインステキ
littleBits
littleBitsパーツのご紹介
Bits 製品情報 - littleBits よりhttp://jp.littlebits.com/bits/
ピンクは、いろんなキッカケ（ON・OFFLINE）
ピンクは、いろんなキッカケ（度合いを伝える）
特に面白いのが赤外線センサー（リモコンと連動）
みどり色はいろいろな動力や光などの反応
バーLED
RGBLED
サーボは角度で伝える
数字で状況を示したり
音で知らせたり
モーター。
バイブレーションで振動で伝えたり
Visualization(enebular)
まず、デバイスがPCと会話しやすくするArduino（あるでぃーの）というしくみがある
♪
ArduinoはUSB（シリアルポート）経由でNodeJSのserialportライブラリと会話ができる
littleBitsにもArduinoモジュールがあるのでPC経由でネットワークとやりとりが出来ます
Firmata（汎用Arduinoライブラリ）をインストールすることでNode-REDと連動
今回はenebularの入ったRaspberryPiとlittleBitsが連携します
このようにArduinoにはいろいろなパーツがついています。
入力のパーツを入れ替えていろいろな可視化が出来ます
出力もいろいろな反応を伝えられます
enebularで作ったフローでlittleBitsのセンサーを取得したり動かしたり
デモlittleBits Digital I/O Simple
デモlittleBits Arduino x Milkcocoa Flow
実際に触ってみましょう！
