ウフル様 littlebits x node-red レクチャー資料
TRANSCRIPT
ウフル様 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
実際に触ってみましょう!