Android/iOSでBLEを直に使ってtoioコア キューブを動かしてみます
toioコア キューブはBLE通信で制御できるとてもかわいい二輪ロボットです。
https://toio.github.io/toio-spec/
本来、toioコア キューブはtoioコンソールとセットで動かすものですが、toioコア キューブ単体で、スマートフォンや、ノートPC、はたまたRaspberry PiのようなシングルボードコンピュータなどのBLE通信で動かすこともできます。
この記事ではスマートフォンのBLE通信を使ってtoioコア キューブを動かしてみます。
スマートフォンでtoioコア キューブを動かしたい
一番簡単な方法はweb bluetoothを使ってchromeブラウザからURLを開きtoio.jsを動かす方法です。
「toio.jsをブラウザで動かしてみた」
動かすだけならこれでOKですが、もうちょっと生っぽくというかBLE通信のプロトコルを直に使って動かしてみましょう。
BLEの簡単な解説
- BLE機器ははセントラル、ペリフェラルの2種類あります。
- セントラルが、PCやスマートフォン、ペリフェラルが今回はtoioコア キューブにあたります。
- セントラルはペリフェラルの出すアドバタイジングパケットをみて、どういう素性の機器かを判別し、ペリフェラルに接続します。
- セントラルは接続したペリフェラルから、値を読み/書き/通知することのできるデータフィールドの情報を得ることができます。このデータフィールドのことをキャラクタリスティックといいます。
- キャラクタリスティックは以下の3つの性質をもちます。
- 読み(read)は値を読み込むことができるフィールドです。
- 例えばバッテリー残量、ボタンを押したかどうかなどです。
- 書き(write)は値を書き込むことでペリフェラルの動作に変化を与えます。
- 例えばLEDの色の変更、モーターの回転速度の変更などです。
- 通知(notify)は読み(read)に似ていますが、データフィールドの値に変化があったときにペリフェラルに値を通知します。
- 例えばボタンを押したかどうか、モーションセンサによる衝突検知、読み取りセンサによるtoioコア キューブの置いてあるマットのIDやシールのIDの値が変化したときにどんどん通知されてきます。
- toioコア キューブの場合、読み(read)できるキャラクタリスティックは通知(notify)にも対応しています。
- モーター、設定のようにwrite、read、notifyの全部に対応しているキャラクタリスティックもあります。
- BLEはほかにもいろいろありますが、とりあえずこれだけ知ってれば遊べます。
- Android/iOSアプリのLightBlueを使うと簡単にキャラクタリスティックの読み(read)、書き(write)、通知(notify)を試すことができます。
- Androidアプリ LightBlue
- iOSアプリ LightBlue
準備するもの
- スマートフォン(AndroidかiOSのもの)
- LightBlueアプリをインストールする 前章のURLからそれぞれのOS用のアプリをインストールしてください。
- toioコア キューブ 1個
- 必要に応じて「トイオ・コレクション」のマットやステッカー
さっそくやってみよう
以下ではAndroidアプリのLightBlueの画面を使って説明します。iOSアプリ版もほぼ変わらない操作です。
LightBlueアプリを起動します。
- 起動時にbluetoothへのアクセス許可、あるいは位置情報へのアクセス許可の確認画面が出る場合は許可します。(許可しないとBLE通信ができないのでtoioコア キューブと通信できません)
![[Screenshot_20191201-224104.png]](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F431649%2F1025e168-5939-a635-49c7-2965f0524771.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=a152f70b66265cac69e47de7f3eddf01)
![[Screenshot_20191201-224113.png]](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F431649%2F3d0b0928-9087-b35f-1e0d-6d95b46b8a42.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=fb5075389e8dcdeb958524a1b63f6365)
- 以下の画面が出たら、「toio Core Cube」をタップして選びます。
![[Screenshot_20191202-080759.png]](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F431649%2F8149af5d-b048-3f32-b592-488267f0e17f.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=bff6b70b5795defe80973a0d60e1dc3d)
toioコア キューブと繋がった状態
![[Screenshot_20191202-080814.png]](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F431649%2F64e914ef-9c67-2544-4ef4-f803ee818de4.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=4af77e9660a77830a7f3757f81530f04)
- toioコア キューブとつながるとこの画面になります。
- この画面を下の方にスクロールして、以下の赤枠のところを表示します。
![Screenshot_20191202-080907.png]](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F431649%2F13736952-4088-d96d-c8a3-7f8f53e9c151.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=bbfd40794927daa4b853f8a44bb3eea0)
![Screenshot_20191202-080927.png]](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F431649%2Fb8fd2ee1-3c26-ad86-8aac-3b90c862601f.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=18a3c2c0b2da8f282249cdaec3ae4d9c)
- この中から読み(read)/書き(write)/通知を受ける(notify)したいキャラクタリスティックを選びます。
- さて、ここでtoio コア キューブ 技術仕様のページの「通信概要」のところを一度みてみましょう。
バッテリー残量を読む
- 前章のキャラクタリスティック選択画面から「Battery Information」をえらびます。
![[Screenshot_20191202-080939.png]](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F431649%2Fc24d8b64-5ccc-0611-2d2b-3b93abb7eaa1.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=1c5bc510928f1621675a3efec6943b52)
- バッテリーのキャラクタリスティックについての説明が出ます。赤枠で囲ったところにReadableとあり、チェックマークがありますので、「読み」ができます。その下にはWritableとありますが×になっているので「書き」はできないことを示しています。さらに下のSupports notifications/indicationsにはチェックマークがついているので「読み」に加えて「通知」もできることがわかります。
- この画面を下のほうにスクロールしてREAD/INDICATED VALUEのところまできたら「READ AGAIN」ボタンをタップします。
![[Screenshot_20191202-081011.png]](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F431649%2F72ca87ee-5e11-a1c1-5dae-ad7b4722e66e.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=739965f3352fffdcf054e75276b0aa55)
- バッテリー残量の値が読み出されて表示されます。16進数で「64」なので100ですね。(「バッテリー」の仕様も確認してみてください)
![[Screenshot_20191202-081024.png]](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F431649%2F277f0b33-cfe5-b21d-614f-25d0f8838cba.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=ddac71c29997d329a7f3c11ee8431552)
LED(ランプ)を灯もす
- 今度は「書き」のほうをやってみます。戻るボタンで一旦、キャラクタリスティック選択画面まで戻って今度は「Light Control」を選びます。
![[Screenshot_20191202-081050.png]](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F431649%2F79741037-43df-3b91-f69e-7c38d44e4a8b.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=8d63c4d4e5b9b7c571eddda066f57d75)
- 今度はWritableのみ有効なので「書き」しかできません。
- この画面を下の方にスクロールしてWRITTEN VALUEのところまできたら、toioコアキューブ仕様書の「ランプ」のところを参照し、「書き込み操作」の「例」のデータ「03100101FF0000」を書き込んでみます。
- 「例」では0.16秒間LED(ランプ)を赤く点灯するデータが示されています。
- 16進数で書き込んで「WRITE」ボタンをタップすると、toioコアキューブの底面のLED(ランプ)が0.16秒間赤く光ります。0.16秒は一瞬ですので気をつけてよく見ていてください。
![[Screenshot_20191202-081155.png]](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F431649%2F196d645b-3fc8-abb4-353b-1066399ece99.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=c50edefbbbaefd7a9eab3b65f27286b8)
ボタンの状態を読む、変化した通知をうける
- 続いて今度はボタンの情報を読んだり、通知を受け取れるようにしてみます。
- 戻るボタンで一旦、キャラクタリスティック選択画面まで戻って今度は「Button Information」を選びます。
![[Screenshot_20191202-081257.png]](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F431649%2Fc800d98d-84f6-b8ca-5b92-0eaf78af39bf.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=d7bd617c24d194e2911468babedad0e0)
- この画面を下の方にスクロールして、[READ AGAIN]のボタンをタップすると、タップした瞬間のtoio コア キューブ底面のボタンの状態(押している、押していない)を読み取ることができます。

- このスクリーンショットでの値は01 00、toio コア キューブのボタンは押されていません。
- toioコアキューブのボタンを押した状態で、もう一度[READ AGAIN]のボタンをタップすると、今度は01 80です。値の意味はtoio コア キューブ技術仕様書の「ボタン」のところで調べてみましょう。
![[Screenshot_20191202-081327.png]](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F431649%2F0a3bec20-cfba-9962-75d9-b7d9f63f0ba2.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=538ef41aab897b23da06bc48ffb0bd52)
- [READ AGAIN]のボタンのとなりの[SUBSCRIBE]ボタンをタップすると、通知(notify)を受けるようになります。値が変化したときに通知されます。
- この状態でtoio コア キューブのボタンを押したり離したりすると、状態が変化するタイミングで以下のように値が通知されてきます。
![Screenshot_20191202-081414.png]](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F431649%2Fee3b1d0b-f6d6-07e6-1147-eccb15363389.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=7084c161937849027d92e8a6a3687483)
- 通知をやめるときは[UNSUBSCRIBE]ボタンをタップします。
![Screenshot_20191202-081355.png]](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F431649%2Fe10eaac1-d955-d05e-4c65-fa3769380e74.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=e67f041a118607587434648f2c48a246)
マットの上の座標などを通知させる
- ここまでくればもうわかりますね。戻るボタンで一旦、キャラクタリスティック選択画面まで戻って今度は「ID Information」を選びます。
- そして画面の下の方までスクロールしてから[SUBSCRIBE]ボタンをタップします。
![Screenshot_20191202-081536.png]](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F431649%2F036649f3-0c15-1b56-033d-2f2429d3f290.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=632d97b5e388fdd75d8798be8399dea7)
- toio コア キューブをマットに置いてみてください。また、位置を変えたり角度を変えたりしてみてください。ものすごい勢いで位置、角度データが通知されてくるのがわかります。
- 通知されてきた値の意味はtoio コア キューブ技術仕様の「読み取りセンサー」で確認してみてください。
さいごに
スマートフォン(Androido/iOS)のLightBlueアプリを使って、toio コア キューブと直接BLE通信して動かしてみました。あ、モーターは今回使ってないので「動いて」はいないですね。
まあ、toioコアキューブ技術仕様の「モーター」をみて、いろいろやってみてください。特に2.1.0になってからモーター制御コマンドでできることが増えていますのでなかなかやりがいがあると思います。
ここまでわかってしまえばBLEでのtoio コア キューブのコントロールはそんなに難しくありません。Windows、Linux、MacOS、その他いろいろな環境で、お好みのプログラミング言語でtoio コア キューブを動かして楽しみましょう。