バランスボードが自宅に導入されたため、遊びながら鍛えるのに使えないかと思ってこんなものを作ってみました。

概要

スマホをバランスボードに貼り付け、スマホの傾きのデータを使ってtoio SDK for Unity経由でtoioを操作する仕組みです。

リアルに存在するtoioを活かし、toioが動くコースを身近なものを使って自由に作ることができるのがポイントです。
今日はこのくらいやってみようとか、ゴール時間やバランススコアを見て前の日よりどのくらい改善したか、などといった遊び鍛えができるようになってます。

コンテンツ名はBALANCE toiBoARD という名称にしました。
バランスボードとtoioを組み合わせた造語で、小文字だけ見るとtoioという文字が見えてくるようにしてます。
動画に映ってないですが、アプリのタイトルロゴはこんな感じ。

Standard IDの読み取り

トイオ・コレクションに付属するStandard ID付のシールを読み取って、ゴールしたりモードを変更したりできます。

toioが読み取れるStandard IDは以下の公式情報にまとまってます。
https://toio.github.io/toio-spec/docs/hardware_standard_id/

今回は以下のような使い方をしました。

本当はクラフトファイターで使ってる必殺技カードを読み取りたかったけど、toioがカードの厚みを乗り越えられないことが発覚。
ペラペラのハプニングシールなら問題なかったので、ハプニングシールの読み取りに変更しました。

Unityでやっていること

スマホの傾きでtoioを操作してますが、バランスボードに貼り付けている都合上ぶるぶる揺れるので、toioが暴れてしまわないように加速度データを丸めてから使っています。
厳密なデータ処理は不要だったので、シンプルにCoroutine使ってVector3.Slerp()で丸めました。

スマホの傾きセンシング部分抜粋

public Vector3 rawAccelData = Vector3.zero;
public Vector3 accelData = Vector3.zero;

public Start()
{
    StartCoroutine(UpdateAccelCoroutine());
}

IEnumerator UpdateAccelCoroutine()
{
    while (Application.isPlaying)
    {
        rawAccelData = Input.acceleration;
        accelData = Vector3.Slerp(accelData, nowAccelData, 0.1f);
        yield return new WaitForSeconds(1f / 60);
    }
}

↑で丸めた方のaccelDataのx,yの値を使って、バランスボードの傾きが視覚的にもわかるようにUnityのVFX Graphで作った線状のパーティクルを動かしてます。

元はVFX Graphを試していた時に作ったもので、何かに流用しようと思っていたのでここで使うことにしました。
VFX Graphの中身はこんな感じになってます。