Physical Computing Workshop #02

littleBits & Arduino

Demo（今日の目標）

今回のagenda

• littleBitsでLチカ

• littleBits+Arduinoモジュール

• lillteBits+Arduinoモジュール+Processing

使うもの

• littleBits

• littleBits Arduinoモジュール

• Arduino IDE

• Processing

littleBitsでLチカ

littleBits

• 入力/出力など各種モジュールで構成

• マグネット接続

• 各種センサーからの入力

• 光る・回るなどの各種出力

電源モジュール

スライダモジュール

LEDモジュール

つないでみよう

電源ONしてスライダを動かしてみよう

つまり、littleBitsは…

• マグネット接続で回路作成

• とにかく電気が通る

littleBits+Arduino

littleBits+Arduino

• Arduinoで変数操作

• スライダモジュールで変数操作

• 変数に応じたlittleBitsの挙動

Arduinoモジュール

Arduino

• GainerみたいなPhysical Computingモジュール

• Arduino IDEで動作・処理機能を実装

• マイコンボードに書き込んで単独動作可能

• 言語はC++

つないでみよう

• littleBitsの電源をON

• Arduino IDEを起動

• ArduinoモジュールをMac/PCに接続

つないでみよう

Arduino IDEで認識

• ツール>ボード>Arduino Leonardo

• ツール>ポート>/dev/cu.usbmodemXXX

プログラミングしてみる

コンパイルする

Arduinoへ書き込み

書き換えてみる

9

100

100

9

9

コンパイルする

Arduinoへ書き込み

スライダを追加

プログラムを変更

コンパイルする

Arduinoへ書き込み

動かしてみよう

• スライダを動かしてみる

• ツール>シリアルモニタ

• プログラムと挙動を理解しよう

littleBits+Arduino+Processing

littleBits+Arduino+Processing

• littleBits：回路を作成

• Arduino：センサデータを変数に

• Processing：画面に出力

Processing

• メディアアート系開発環境

• シリアル接続でArduinoから入力

• 言語はJava

シリアル接続

• Arduino→Processingでデータのやりとり

• ASCIIコードでの通信なので取り扱いが少しややこしい

つないでみよう

Arduino IDE

コンパイルする

Arduinoへ書き込み

Processing(1/4)

Processing(2/4)

Processing(3/4)

Processing(4/4)

動かしてみよう

• センサーからの入力が画面と連動

まとめ

• littleBitsでセンサと回路を組む

• Arduinoでセンサの値を取り込む

• Processingでセンサとのインタラクション