LoginSignup
5
3

More than 3 years have passed since last update.

obnizハンズオン(ブロックプログラム)

Last updated at Posted at 2019-11-16

これはobnizハンズオン(ブロックプログラム)の資料です

Lチカなどの電子工作の基本を試したあと,
スマートフォンからでも操作できるラジコンを作っていきます
IMG_8480.JPG

つかうもの

  • 1人あたり

    • obniz 1個/1人
    • USBケーブル 1個/1人
    • LED 1個/1人
    • モータ 2個/1人
    • 板  1個/1人
  • 全員でシェア

    • セロテープ
    • 両面テープ 
    • モバイルバッテリー

このハンズオンでやること

  • Lチカをしてみる
  • 顔認識を使ってみる
  • スマホで操作するラジコンを作る
  • モクモクタイム

obnizに触れてみよう

wifiの設定をしよう

まずはWifiにつなぎましょう。

箱から出したら、マイクロUSBをobnizにつないで電源を入れます。
すると、こちらの画面が出てきます.

image.png

obnizの左上のスイッチを押すと,近くのWifiリストが出てきます。
スイッチでつなぎたいものを選択して、スイッチを押すことで選択します。

image.png

Wifiのパスワードを1文字ずつ入力しましょう。
終わったら「END」を選びます。

image.png

QRコードが表示されたら完了です!インターネットに繋がりobnizはオンラインになりました。

image.png

ディスプレイに表示してみる

簡単なプログラムからobnizを使ってみましょう。
https://obniz.io/ja/lessons/lessons/quickstart の動かしてみように行き,obnizIDを入れてTest Openボタンを押します

image.png

Hello Worldとなっている部分に好きな文字を入力して(日本語でもOK)横にある「Print on obniz」ボタンを押して下さい。すると、obnizに入力した文字が表示されるはずです!

スクリーンショット 2019-03-06 17.57.19.png

IMG_2109.jpg

LEDちかちか

電子工作で代表的なLチカ(LEDちかちか)をやってみましょう

LEDとは電気を流すことで光る部品です。
アノードとカソードという2本の足があり、アノードにプラス、カソードにマイナスを繋ぐと光ります。
少し足が長いほうがアノードです。
image.png

アノードをobnizのio0に、カソードをio1にさします。
(ここで使用しているLEDは抵抗入りのLEDですが、もし抵抗入りじゃないLEDを繋ぐときは抵抗を繋いで下さい。)

LEDを点灯

ブロックプログラム画面を開きます。

まずは単純にLEDをONにしてみましょう。
下にあるのがそのためのプログラムです。ブロックを組み立ててみましょう

スクリーンショット 2019-11-14 13.37.01.png

obnizに接続する青いブロックは"obniz"の中に、LED関連の黄色いブロックは"光る"の中にあります。
ドラッグ&ドロップしてブロックを組み立てます

そして右上の「実行」ボタンを押してみましょう。
ページを開いた時にledが点灯したら成功です!
image.png

ボタンを押してLEDをON OFF

次にホームページに「ON」と「OFF」のボタンを追加しそれに合わせてLEDをON・OFFさせてみましょう。
まずはONボタンだけを作ってみます。

"ずっと"と"もしも"のブロックを使って、ボタンが押されているかを判定します。

スクリーンショット 2019-11-14 14.31.25.png

これで実行してみましょう。
最初はLEDが消えていて、ボタンをクリックしたら光ったでしょうか。

次に、ボタンをもう一つ追加してOFFもできるようにしましょう。
新しくボタンを作るには"UIButtonの作製"をおして、ボタンの名称を入力します。

スクリーンショット 2019-11-14 14.35.18.png

スクリーンショット 2019-11-14 14.35.37.png

ボタンを〇〇で作るのときに、新しく作ったボタンを選びましょう
スクリーンショット 2019-11-14 14.36.06.png

OFFにするときのループ内容は、ONのときと同じです
スクリーンショット 2019-11-14 14.36.26.png

実行してみましょう。
うまく動きましたか?
スクリーンショット 2019-11-14 14.40.59.png

顔認識でLチカをしよう

ボタンの入力から、顔認識での入力に変えてみましょう。
ボタンの代わりにカメラを準備し、"クリックされた"の代わりに"カメラに顔が写っている" に変えます

スクリーンショット 2019-11-14 14.48.45.png

"バナナが写ったら"などのブロックもあるので、試してみてください

ラジコンを作ってみよう

ラジコンを組み立てよう

タイヤとモーターをつなげて,obnizに刺します
IMG_8471.jpg

2つ目も同じように刺します
IMG_8477.JPG

両面テープで板に止めたら完成です
IMG_8476.JPG

ラジコンのモーターを動かしてみよう

今度はモーターをプログラム画面から触ってみましょう。

下記のプログラムを作ってみます。LEDのときと同じですね

スクリーンショット 2019-11-14 14.17.29.png

かけたら,実行してみましょう.
モーターは前に回りましたか?

forwardをbackに変えれば逆回転します

スクリーンショット 2019-11-14 14.17.56.png

ボタンを押している間だけ動かしてみよう

下記のボタンを追加し,プログラムもボタンが押されたときだけ動かすようにします。
LEDのときと同じですね
スクリーンショット 2019-11-14 14.19.34.png

ボタン2つで前後に動かしてみよう

同じように,ボタンをもう一つ追加して,今度は押されたら逆回転させてみましょう

モーターを2つ使ってみよう

モーターを2つ動かす場合には,"モーターを接続"ブロックを2つ作ります.

ボタンのときと同じで、モーターが2つあるので、名前を変えるのを忘れないようにしてください
スクリーンショット 2019-11-14 14.21.26.png

ボタンを4つに増やしてどこにでも移動できるようにしましょう

スマートフォンで動かす

コントローラーができたので,スマートフォンでも動かしたいですよね.
スマートフォンを持っている方はプログラム画面の上に出てるシェアからQRを表示して、スマホでスキャンしてみましょう

スクリーンショット 2019-11-14 14.22.16.png

自由課題:顔認識を搭載してみよう

  • 顔が見えるとすすむラジコン

自由課題:距離センサを搭載してみよう

  • 前に手があるときだけ動くラジコン

モクモクタイム/質問タイム

各自,いろいろobnizを使って遊んでみてください

例)

  • 上にあった自由課題をやってみましょう
  • 作品一覧をみたり,実行したりしてみましょう
5
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
5
3