[Web Tool] DARUMA — スマホの VR ゴーグルで遊ぶ、VRM のだるまさんが転んだ（見つめて消す・連鎖・サバイバル）
![[Web Tool] DARUMA — スマホの VR ゴーグルで遊ぶ、VRM のだるまさんが転んだ（見つめて消す・連鎖・サバイバル）](https://assets.lain-lab.com/images/uploads/daruma-guide.webp?2)
概要
DARUMA は、VRM のキャラが、こちらへ歩いてくる「だるまさんが転んだ」です。見ている間は止まり、目を離すと動きます。つかまる前に、見続けてください。さらに、敵を見つめ続けると、押し戻せます。押し戻した敵の足元から波紋が広がり、触れた敵も連鎖して消えます。
- スマホ + 簡易 VR ゴーグル（Cardboard 型）で遊べる: Quest は要りません
- 画面に触れずに操作: 画面中央の
+を、ボタンへ向けて、見つめると押せます - PC の画面でも遊べる: ドラッグで見回します
- 見つめて押し戻す・連鎖:
+を敵に重ね続けると、その敵が遠くへ戻ります。波紋で、まとめて消せます - スコア: 押し戻した敵は 100 点。連鎖すると、倍々に増えます
- 10 ステージ: 難易度（EASY / NORMAL / HARD / EXPERT）で、敵の数が変わります。お手つきは 3 回まで
- サバイバル: 人数が増え続けます。何秒、生き残れるか、何点とれるか
- BENCH: VRM を増やして、この端末の FPS を測れます
- CREDIT: 出てくるキャラと、制作者を見られます
- 無料: 登録も、ダウンロードも要りません
開く
DARUMA
スマホの VR ゴーグルで遊ぶ、VRM のだるまさんが転んだ。
lain-lab.comスタートメニュー
トップページのスタートメニュー「Mobile」の「だるまさんが転んだ」 から起動できます。
Mobileアプリ一覧
スマホ用VRゴーグル
このゲームで遊ぶためには、スマートフォン用のVRゴーグルが必要です。
スクリーンショット
タイトル画面
CREDIT 画面
BENCH で 100 体まで測った結果
動画
左右 2 画面で表示した、ゲーム中の画面
敵を倒す＆連鎖を追加
敵を見つめ続けると、倒せます。
倒した敵の足元から波紋が広がり、触れた敵も連鎖して倒れます。
連鎖に合わせて、SCORE も増えます。
ベンチマーク画面 VRM 100体
遊び方
1. 最初のタップ
ページを開いたら、画面の START ボタンを、指で押します。ここだけは、指で押す必要があります（iPhone が、向きのセンサーと、フルスクリーンの許可に、タップを求めるためです）。
2. ゴーグルに入れる
START を押したら、スマホをゴーグルに入れます。画面が、左右 2 つに分かれて、中央に + が出ます。
3. 見つめて押す
+ をボタンに重ねて、じっと見つめます。輪が埋まると、押した扱いになります。待ち時間は、初期値で 1.5 秒です（OPTION で変えられます）。
| ボタン | 内容 |
|---|---|
| START | 1 面から始める |
| SURVIVAL | 人数が増え続けるモード |
| OPTION | 明るさ・待ち時間・大群の上限・難易度 |
| BENCH | この端末で、何体まで動くかを測る |
| CREDIT | キャラと制作者の一覧 |
4. ゲーム中
- 敵は、見ている間、止まります。目を離すと、また歩きます
- 敵が 0.9m まで近づくと、お手つきが 1 回です。3 回で、ゲームオーバーです
- 1 面は 30 秒です。耐えきると、クリアです
- いつでも足元の RETURN（下を向くと見えます）を見つめると、タイトルへ戻れます
最高記録とスコアは、この端末に残って、タイトルの下に出ます。難易度ごとに、別の記録です。
5. 見つめて押し戻す
画面中央の + を、敵の体に重ね続けると、輪が満ちて、その敵が、遠くへ押し戻されます（約 1 秒）。見つめている間、その敵は止まりますが、ほかの敵は、進み続けます。
- 押し戻した敵は、毎回、別の場所に戻ります。背後に出ることが多いです
- 重なっている敵が複数いるときは、
+に一番近い 1 体が対象です - 視線が少しぶれても、すぐには、リセットされません
6. 連鎖とスコア
押し戻した敵の足元に、輪（波紋）が広がります。輪に触れた敵も、押し戻されて、その場所から、また輪が出ます。
| 押し戻した順 | 点 |
|---|---|
| 見つめて押し戻した敵 | 100 |
| 連鎖 1 段めの敵 | 200 |
| 連鎖 2 段めの敵 | 400 |
| 以降 | 倍々（8 段めで 12,800） |
ぽつんといる敵を押し戻して、群れの近くに戻し、そこで連鎖を狙うと、高得点になります。見つめている間に、背後の敵が近づくので、気をつけてください。
SURVIVAL
2 体から始まって、12 秒ごとに 2 体ずつ増えます（増えたときに、音が鳴ります）。お手つき 3 回で終わりです。生き残った秒数と、そのときの体数、スコアが、出ます。
上限は、OPTION の「大群の上限」で決めます（10〜100 体、初期値は 50）。
OPTION
| 項目 | 内容 |
|---|---|
| 明るさ | 画面の明るさ（30〜150%） |
| 待ち時間 | 注視ボタンが押されるまでの秒数（0.5〜5 秒） |
| 大群の上限 | SURVIVAL で増える体数の上限（10〜100） |
| 難易度 | ステージの敵の数（EASY / NORMAL / HARD / EXPERT） |
難易度ごとの、ステージの敵の数です。
| 難易度 | 1 面 | 10 面 |
|---|---|---|
| EASY | 2 体 | 11 体 |
| NORMAL（初期値） | 2 体 | 20 体 |
| HARD | 2 体 | 38 体 |
| EXPERT | 10 体 | 100 体 |
EXPERT は、100 体が出るので、端末によっては重くなります。BENCH で、この端末の限界を確かめてから、選んでください。
− と ＋ は、見つめ続けると、繰り返し変わります。「戻る」でタイトルへ。設定は、この端末のブラウザに保存されます。
BENCH
VRM を 1 体ずつ増やして、FPS を測ります。100 体まで、または FPS が 20 を切るまで続きます。
- 終わると、10 体ごとの FPS と、最低 FPS が出ます
- 途中でブラウザが落ちた場合は、次にタイトルを開いたときに、「N 体目を足す所で止まりました」と出ます。その数が、この端末の限界の目安です
- 結果を見て、OPTION の「大群の上限」を決めてください
参考: iPhone 13 Pro では、50 体まで 60fps で、100 体で 26fps でした。
CREDIT
出てくるキャラが並んで、頭の上に、名前・制作者・URL・ライセンスが出ます。足元の RETURN で戻ります。ゴーグルの中では、URL を押して開けません。
動かないとき
- START を押しても、向きが動かない: iPhone は、向きのセンサーの許可を求めます。許可を出してください
- 途中で、ブラウザが落ちた・勝手に再読み込みされた: メモリ不足です。再読み込みのあと、画面の START から、やり直します。BENCH で、この端末の限界を確かめてから、OPTION の「大群の上限」を下げてください
- ボタンが、勝手に押される: OPTION の「待ち時間」を、長くしてください
- ボタンが、なかなか押されない: 待ち時間を、短くしてください。
+が、ボタンの真ん中に当たっているか、確認します - メニューが、背中側にある: しばらく同じ方を向くと、その向きが、新しい正面になります
- 画面が暗い・明るすぎる: OPTION の「明るさ」で、調整します
- 「character.json を読めません」と出る: キャラの一覧を読めなかったため、予備の 1 体だけで動いています。ページを再読み込みしてください
- 音が鳴らない: 最初の START のタップのあとに、鳴る仕組みです。音量を確認してください
- 敵を見つめても、押し戻せない:
+が、敵の体の真ん中（胸のあたり）に当たっているか、確認します。遠い敵ほど、当たる範囲が狭くなります - EXPERT で、動きがカクつく: 難易度を、HARD 以下にしてください。BENCH で、この端末の限界を確認できます
よくある質問
Q. Quest や、ゴーグルが無くても、遊べますか。 遊べます。PC やスマホの画面で、ドラッグして見回します。ゴーグルに入れると、背後から近づく敵に、気づきにくくなります。
Q. 何体まで、出ますか。 ステージは、難易度で変わります（NORMAL は最大 20 体、EXPERT は 100 体）。サバイバルは、OPTION で、最大 100 体まで選べます。
Q. ゲームの記録は、残りますか。
この端末のブラウザの中（localStorage）に残ります。別のブラウザや、別の端末には、引き継がれません。
Q. 通信しますか。 キャラのモデルと音を、読み込むときだけです。プレイの内容は、送信されません。
関連
実装は、技術記事にまとめています。
▼ [Astro] #204 だるまさんが転んだに「見つめて押し戻す」と連鎖を足す（注視判定・波紋の連鎖・スコア・難易度）
![[Astro] #204 だるまさんが転んだに「見つめて押し戻す」と連鎖を足す（注視判定・波紋の連鎖・スコア・難易度） // PROTOCOL.LAIN](https://assets.lain-lab.com/images/uploads/astro-204-daruma-chain.webp?0)
[Astro] #204 だるまさんが転んだに「見つめて押し戻す」と連鎖を足す（注視判定・波紋の連鎖・スコア・難易度） // PROTOCOL.LAIN
スマホ用 VR ゲーム DARUMA に、見つめて敵を押し戻す操作と、波紋で連鎖する仕組み、倍々のスコア、難易度、連鎖の SE を足した実装記録。
lain-lab.com▼ [Astro] #203 スマホの VR ゴーグルで遊ぶ「だるまさんが転んだ」（注視ボタン・多体 VRM・BENCH・サバイバル）
![[Astro] #203 スマホの VR ゴーグルで遊ぶ「だるまさんが転んだ」（注視ボタン・多体 VRM・BENCH・サバイバル） // PROTOCOL.LAIN](https://assets.lain-lab.com/images/uploads/astro-203-daruma-cardboard.webp?0)
[Astro] #203 スマホの VR ゴーグルで遊ぶ「だるまさんが転んだ」（注視ボタン・多体 VRM・BENCH・サバイバル） // PROTOCOL.LAIN
three.js + three-vrm 3.5.5 で作った、スマホ用の VR ゲーム。画面中央の + を見つめて押す注視 UI、視野に入っているかの判定、character.json でモデルを管理する方法、BENCH の測定方法と iPhone 13 Pro の実測、クレジット画面、サバイバルの実装ガイド。
lain-lab.comCREDIT
出てくるキャラは、VRoid Hub の teru65 さんのモデルを、お借りしています（ライセンス: FREE）。
teru65 - VRoid Hub
DARUMA に出てくるキャラの配布元。
hub.vroid.com効果音は、効果音ラボ - フリー、商用無料、報告不用の効果音素材をお借りしています。
効果音ラボ - 商用無料、報告不用の効果音素材をダウンロード
2,000音以上の音源を掲載したフリー効果音サイト。品質にこだわっており、テレビなどのプロの音響現場でも使われています。
soundeffect-lab.info