Download as PDF, PPTX
Uploaded byyo-to
Arduino実践 資料１／２ 〜【html5j エンタメ技術部】第2回勉強会 公開用
2014/5/17（土）に開催された「html5j エンタメ技術部 第2回勉強会 〜 Web技術者のためのArduino入門 – 実践編 〜」で用いた資料や追加補足資料です。 下記の3つのうち、1つ目に関する資料です。 １）Arduinoの回路を組んでみる、プログラムで制御する ２）JavascriptでArduinoを制御してみる ３）Websocketによるセンサー情報の送受信 ※ イベントページ ⇒ http://atnd.org/events/50467
Arduino実践 資料１／２ 〜【html5j エンタメ技術部】第2回勉強会 公開用
- 1. html5j エンタメ技術部 5/17（土）13:30∼ ＠インターネットイニシアティブ 17階中会議室 ∼ Web技術者のためのArduino入門 ∼ 第2回勉強会 - 実践編（資料 1/2） -
- 2.
- 3. Arduino？ 公式サイトによると・・・ （http://www.arduino.cc/） Arduino is anopen-source electronics prototyping platform based on flexible, easy-to-use hardware and software. It's intended for artists, designers, hobbyists and anyone interested in creating interactive objects or environments.
- 4.
- 5.
- 6.
- 7. 何が必要？ PC（Windows, Mac, Linux） ハードウェア Arduino基板 USBケーブル ソフトウェア ArduinoIDE（オープンソース） LEDを光らせる だけならこれだけ
- 8.
- 9. 回路を組んでみる前に Arduino・電子工作の基本の話を 第１回勉強会 セッション３： 「JavaScript と Arduinoでオリジナルデバイスを作ろう」 http://www.slideshare.net/YoshihiroIwanaga/javascript-arduino ※ 下記の資料の「ページ１∼２５」をご参照ください！
- 10.
- 11.
- 12. LEDを光らせてみる ∼ おおまかな手順 1. PCとArduinoをUSBケーブルで接続 2.Arduino IDE を起動 3. プログラムを開く 4. 実行
- 13. LEDを光らせてみる ∼ プログラムを開く IDEのメニュー内の「ファイル」から ＞ スケッチの例 ＞01.Basics ＞ Blink を開く
- 14.
- 15.
- 16.
- 17.
- 18.
- 19.
- 20. LEDを光らせてみる ∼ 点滅速度を変える // 最初に1回だけ処理される部分 voidsetup() { pinMode(13, OUTPUT); // 13番ピンを出力に設定 } // 繰り返し実行される部分 void loop() { digitalWrite(13, HIGH); // LEDを点ける delay(1000); // 1秒待つ digitalWrite(13, LOW); // LEDを消す delay(1000); // 1秒待つ } 例えば「 delay(100); 」とか にしてみる。 ＝「0.1秒待つ」処理になる
- 21.
- 22.
- 23.
- 24.
- 25. LEDを光らせてみる // 最初に1回だけ処理される部分 const intLED = 9; // 9番ピンにLEDをつないでいる void setup() { pinMode(LED, OUTPUT); // LEDに出力 } // 繰り返し実行される部分 void loop() { digitalWrite(LED, HIGH); // LEDを点ける delay(1000); // 1秒待つ digitalWrite(LED, LOW); // LEDを消す delay(1000); // 1秒待つ }
- 26.
- 27.
- 28.
- 29.
- 30.
- 31.
- 32. LEDを光らせてみる // 最初に1回だけ処理される部分 const intLED = 9; // 9番ピンにLEDをつないでいる void setup() { pinMode(LED, OUTPUT); // LEDに出力 } // 繰り返し実行される部分 void loop() { analogWrite(LED, 255); // 出力最大（値は 0∼255） } 使えるピンが決まって いるので注意！！
- 33.
- 34.
- 35. LEDでフェードイン／アウト // 最初に1回だけ処理される部分 const intLED = 9; // 9番ピンにLEDをつないでいる int i = 0; void setup() { pinMode(LED, OUTPUT); // LEDに出力 } // 繰り返し実行される部分 void loop() { for(i=0; i<255; i++) { analogWrite(LED, i); // 出力を徐々に大きくしていく delay(10); // 変化が目に見えるように遅延を加える } for(i=255; i>0; i--) { analogWrite(LED, i); // 出力を徐々に小さくしていく delay(10); } }
- 36.
- 37.
- 38.
- 39.
- 40.
- 41. 光量によってLEDの点滅スピードが変化 const int LED= 13; int val = 0; // センサからの値を格納する変数 void setup() { pinMode(LED, OUTPUT); // LEDに出力 // アナログの入力は自動設定されるので、記載しない } void loop() { val = analogRead(0); // センサの値を読み込む digitalWrite(LED, HIGH); // LEDをつける delay(val); // センサの入力値が大きいほど遅延が大きくなる digitalWrite(LED, LOW); // LEDを消す delay(val); } 光が強い（＝抵抗が小さい） アナログ入力の電流が 大きくなる 遅延が大きくなるので、 LEDがゆっくり点滅 暗くなるとLEDの点滅が 早くなる
- 42.
- 43.
- 44.
- 45. シリアルモニタにセンサーの値を出力 const int LED= 13; int val = 0; // センサからの値を格納する変数 void setup() { pinMode(LED, OUTPUT); // LEDに出力 // アナログの入力は自動設定されるので、記載しない Serial.begin(9600); // デバッグログ出力用 } void loop() { val = analogRead(0); // センサの値を読み込む Serial.println(val); // 改行付の出力 digitalWrite(LED, HIGH); // LEDをつける delay(val); // センサの入力値が大きいほど遅延が大きくなる digitalWrite(LED, LOW); // LEDを消す delay(val); } 先ほどのソースコードの 「setup()」と「loop()」に 左記の2行を追加
- 46.
- 47. リファレンス 公式： Arduino - Reference http://arduino.cc/en/Reference/HomePage 翻訳されたもの： Arduino日本語リファレンス http://www.musashinodenpa.com/arduino/ref/
- 48.