前回のブログ記事に引き続き、今回はSamplesAR/Labについてお伝えします。
SamplesAR/LabはToF ARを使用したゲームなどのコンテンツが11~12種類含まれています。
SamplesBasicは利用できる機能をシンプルに確認できるアプリでしたが、SamplesAR/Labはより利用シーンに寄せたアプリとなっています。
SamplesARはGitHubにてソースコードのダウンロードを、ToF AR Labは各ストアでアプリをインストールをすることが可能です。
詳しくは以前記載したブログ、「ToF AR」スタートアップをご覧ください。
それぞれのシーンについてここから紹介していきます。
![](https://image.jimcdn.com/app/cms/image/transf/none/path/s2862ed836fb86f79/image/i1b2d5bf71874ec5f/version/1718611066/image.png)
SimpleARFoundation
Unityから提供されているAR用のフレームワーク「ARFoundation」とTof ARの機能を同時利用することができる「ARFoundationConnector」の動作を確認できるシーンです。
ARFoundationConnectorの詳細についてはこちらをご覧ください。
機能としてはColor/Tofの表示やHandやMeshなどの機能が確認できるだけなのですが、内部ではARFoundationから取得したデータをTofARから出力して扱っているのでデータの管理を一本化できていることが利点です。
このシーンは開発者が特に参考になるシーンとなっています。
![](https://image.jimcdn.com/app/cms/image/transf/dimension=528x10000:format=jpg/path/s2862ed836fb86f79/image/i2532d512ac7b444f/version/1719282075/image.jpg)
Hand機能を使用した例
![](https://image.jimcdn.com/app/cms/image/transf/none/path/s2862ed836fb86f79/image/iafe7d726668e52cb/version/1719282021/image.png)
Modeling機能によってスキャンされた部屋
Puppet/Hand Decoration/Rock Paper Scissors
Handのコンポーネントを使用したグラフィック表示とじゃんけんゲームのシーンです。
Puppetシーン(左の画像)は、左右の手を認識して赤と青のPuppetを手につけているかのように映ります。
Hand Decorationシーン(中央の画像)では、Decorationを手の甲に表示させることができます。
画像を撮影した時はLeafを選択しましたが、全4種類から選択することができます。
Rock Paper Scissorsシーン(右の画像)では、その名の通りじゃんけんができるシーンです。
Handコンポーネントには手のポーズを認識する機能が搭載されているので、グーチョキパーを認識することで、じゃんけんゲームができるようになっています。
![](https://image.jimcdn.com/app/cms/image/transf/dimension=341x10000:format=jpg/path/s2862ed836fb86f79/image/i58e536998324afa0/version/1718694408/image.jpg)
Puppetシーン
![](https://image.jimcdn.com/app/cms/image/transf/dimension=341x10000:format=png/path/s2862ed836fb86f79/image/ic833e2d32be5d215/version/1718937940/image.png)
Hand Decorationシーン
![](https://image.jimcdn.com/app/cms/image/transf/dimension=341x10000:format=png/path/s2862ed836fb86f79/image/ifacc75ba84ab1314/version/1718938026/image.png)
Rock Paper Scissorsシーン
![](https://image.jimcdn.com/app/cms/image/transf/none/path/s2862ed836fb86f79/image/i19661e2ba0e8f4c9/version/1718611066/image.png)
Juggling
HandとFaceのコンポーネントを使用した、ジャグリングゲームのシーンです。
シーンを開いて、カメラと顔、手の距離を離すように指示が出ます。距離を取ると、ボールが上から落ちてきます。
ボールを右手から左手、左手から右手と投げてはキャッチをする動作を繰り返していくと、6回目で新たなボールが上から落ちてきます。(右の画像)
ボールは最大で6個まで追加されます。
ボールをキャッチする難易度を上げたい時は、右下の手のマークから「Catch Ball Range」の値を小さくするとボールキャッチの範囲が狭まるのでキャッチを難しく設定することができます。
![](https://image.jimcdn.com/app/cms/image/transf/dimension=528x10000:format=png/path/s2862ed836fb86f79/image/icfeaa3ade9baceeb/version/1719276805/image.png)
Juggling開始
![](https://image.jimcdn.com/app/cms/image/transf/dimension=528x10000:format=png/path/s2862ed836fb86f79/image/i74dc76f738e8b9e0/version/1719276803/image.png)
6回ボールキャッチ成功すると、
1個ボールが追加(最大6個)
![](https://image.jimcdn.com/app/cms/image/transf/none/path/s2862ed836fb86f79/image/id53cf8eb8f795983/version/1718611068/image.png)
BGChange
HandとSegmentationのコンポーネントを使用したバーチャル背景のシーンです。
Handコンポーネントのポーズ認識(サムズアップ)をトリガーとして、Segmentationコンポーネントで認識された背景部分にオーロラのアニメーションを再生します。
![](https://image.jimcdn.com/app/cms/image/transf/dimension=392x10000:format=jpg/path/s2862ed836fb86f79/image/ib3bdc4c6ea301b6c/version/1719365218/image.jpg)
![](https://image.jimcdn.com/app/cms/image/transf/none/path/s2862ed836fb86f79/image/iab42b48326586f44/version/1719280616/image.png)
TextureRoom
Planeのコンポーネントを使用して、壁や地面などに文字や画像を表示できるシーンです。
モードは3種類あり、デフォルトでは左の画像のように漢字が並びます。(Texture Animationモード)
TextInputモードでは、右の画像のように好きな文字を入力して平面認識された部分に表示されます。
Stampモードは、好きな画像を選択すると平面認識された部分に貼ることができます。
画像は「Add Stamp Button」をタップしてカメラロールに保存している画像から選択可能です。
![](https://image.jimcdn.com/app/cms/image/transf/dimension=528x10000:format=png/path/s2862ed836fb86f79/image/i9934d8f64297928c/version/1718947132/image.png)
Plane認識によって平面に文字を表示
![](https://image.jimcdn.com/app/cms/image/transf/dimension=528x10000:format=png/path/s2862ed836fb86f79/image/iefa6b5022df7cbad/version/1718947138/image.png)
好きな文字を入力して平面に表示
![](https://image.jimcdn.com/app/cms/image/transf/none/path/s2862ed836fb86f79/image/i7feee653fb0be4fa/version/1718611069/image.png)
BallPool/SandBox
Modelingのコンポーネントを使用したシーンです。
BallPool(右の画像)は、左下の「Ball」のチェックをONすると、中央からボールがあふれるように出てきます。
スキャンされた床や壁には当たり判定が付与されているので、ボールが認識された領域に溜まっていくことが確認できます。
ボールの数やスピードは左上の設定で変更することができます。
SandBoxRoomでは、まず部屋の全体をスキャンします。
スキャンが完了後ボタンを押すと、スキャンした形状に合わせて島や海などの3D空間が自動生成されます。
黄色い島は、実際には大きなデスクがあり、手前にある小さな黄色い島は実際には椅子の座面です。
島にいる人や牛をタップすると鳴いたりリアクションしてくれます。
![](https://image.jimcdn.com/app/cms/image/transf/dimension=528x10000:format=png/path/s2862ed836fb86f79/image/i04d18839f9d6dd87/version/1718950371/image.png)
BallPoolシーン
![](https://image.jimcdn.com/app/cms/image/transf/dimension=528x10000:format=png/path/s2862ed836fb86f79/image/ide83e17ab6f1face/version/1718950407/image.png)
SandBoxRoomシーン
![](https://image.jimcdn.com/app/cms/image/transf/none/path/s2862ed836fb86f79/image/i111a5b3fc4d17126/version/1718949988/image.png)
StepOn/Kirigami
DepthとSegmentationのコンポーネントを使用した、ビジュアルシーンです
どちらも共通して歩いた(足を踏み込んだ)ところや壁を触った部分に反応してエフェクトが表示されます。
StepOnでは草花が、Kirigamiからは蝶々が出現します。
蝶々は出現した場所の色や模様が切り抜かれた状態で表示されるので、アプリを動作させた場所によって見え方が変わります。
![](https://image.jimcdn.com/app/cms/image/transf/dimension=528x10000:format=png/path/s2862ed836fb86f79/image/i5d077ba5f9c6d56d/version/1719281317/image.png)
StepOnシーン
![](https://image.jimcdn.com/app/cms/image/transf/dimension=528x10000:format=png/path/s2862ed836fb86f79/image/i11ac63fab9573895/version/1719281367/image.png)
Kirigamiシーン
![](https://image.jimcdn.com/app/cms/image/transf/none/path/s2862ed836fb86f79/image/i760fe7f62e6b6a10/version/1719281055/image.png)
Avatar
Humanoidコンポーネントを使用した、Vtuberっぽい体験ができるシーンです。
Hand/Body/Face など様々なコンポーネントを組み合わせることで、キャラクターのモデルを自身の動きに連動して操作することができます。手の指、腕の動き、表情の切り替えなど様々な動きを確認することが可能です。
このシーンでは様々な応用設定が可能で右の画像ではギターを持つ設定をしてみました。
手の位置が固定されてるので、とても自然な形でアバターがギターを演奏しているように表示することができます。
他にもピアノを演奏するポーズにしたり、特定の手のポーズをした時に絵を描く設定などが可能です。
![](https://image.jimcdn.com/app/cms/image/transf/dimension=528x10000:format=png/path/s2862ed836fb86f79/image/ia3806b3323d2c5e1/version/1719276792/image.png)
表情など顔のパーツを認識
![](https://image.jimcdn.com/app/cms/image/transf/dimension=528x10000:format=png/path/s2862ed836fb86f79/image/i1c5026c1e9d8bdea/version/1719276786/image.png)
ギターを持たせてみた
![](https://image.jimcdn.com/app/cms/image/transf/none/path/s2862ed836fb86f79/image/i5e8488fd645cef18/version/1718611070/image.png)
シーンの説明は以上です。
ぜひインストールしてお手元のスマホで体験してみてください。
特に、ToF ARは実際にVtuberに使用された実績があるので、AvatarシーンでVtuber気分を味わえる思います。
(※Avatarシーンは、ToF AR Labアプリをインストールした場合のみ使用可能です。)
次回はToF AR Serverアプリについてブログをアップする予定です。
実はあまり知られていない、ToF AR開発に便利なアプリです。次回もぜひ読みにきてくださいね。
![](https://image.jimcdn.com/app/cms/image/transf/none/path/s2862ed836fb86f79/image/i7a09e7a711170ddc/version/1718611070/image.png)
システムフレンドはxRの技術を利用し、楽しい「体験」を実現するための開発を行っています。
ご相談や事例の紹介など弊社のエンジニアがフレンドリーに対応させていただきます。
お気軽にお問い合わせください。