3
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

【toio 2021(2つ目)】 #toioDo の新バージョンで追加された #toio の姿勢角ブロックを試す

Last updated at Posted at 2021-12-11

この記事は、2021年の toio のアドベントカレンダー14日目 ⇒ 11日目の記事です。
(諸事情により、登録日を後から変更しました)

今年は、toio のカレンダーには 1日目に以下の記事を投稿していたので、これで今年 2つ目になります。
●【toio 2021】 #toio の姿勢角(ロール・ピッチ・ヨー)をブラウザ上で可視化(Web Bluetooth API、Smoothie Charts を利用) - Qiita
 https://qiita.com/youtoy/items/9b3b39b3f91b36821305

内容は、以下のツイートにも出てきていて、上記の記事で JavaScript のプログラムで扱った姿勢角の話です。

姿勢角を扱うブロック

以下の公式ブログの記事で、toio Do の新バージョン v1.3 に新ブロックが追加された話が書いてあります。

●toio Doの新バージョンv1.3が公開されました | toio blog | toio(トイオ)
 https://toio.io/blog/detail/20211207toio_do_v1-3.html
新ブロック.jpg

そして、PC版の toio Do の画面で、姿勢角に関わるブロックの部分を見てみました。

取得できる値を確認する

まずは、取得できる値を確認するため、以下のようにしてみました。

Scratch のブロックによっては(例えば、標準のブロックの x座標とか y座標とか)、「チェックボックスを ON にして、値の変化をリアルタイムに確認」というのができるものがありますが、姿勢角についてはそれができなそうでした。
そのため、値を格納するための変数を準備し、その変数の値を出力させる形にしています。

値の表示にスライダーを使う

Twitter で、値の表示を数値でなくスライダーにすると良い、とコメントいただきました。

表示のみ切り替えると、良い感じの表示にならなかったので、表示の切り替え後に「スライダーの最大値と最小値の変更」を行いました。

少し補足すると、デフォルトのスライダー表示は 0 から 100 の値をとるようになっていて、姿勢角がとる値の範囲と異なっているため、これを変更する必要がある、というものです。
(ひとまず、一律 -180 から 180 の値にしました)
デフォルト.jpg

2台の toio で使う

そして 2台の toio を使って、それぞれの姿勢角の値を、1つのスプライトの x・y座標に割り当てる形で動かしてみました。

単純に、「片方のピッチ」と「残りもう 1つのロール」のそれぞれを、画面上の toio のスプライトの x・y座標に常に代入する、というプログラムです。

数値の変化も、スプライトの移動も、良い感じになったと思います。

3
0
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
3
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?