[Mobile tool] BONFIRE — 星空の下で、森の焚き火を見つめる（スマホVR・Cardboard 対応）

概要

夜の森で、焚き火のそばに立って、見回します。

• 見回す: スマホを向けた方向が見えます。頭の上には、星空が広がっています
• 焚き火: 炎が揺れて、火の粉が昇ります。煙も、うっすら立ちます
• 音: 薪のはぜる音が、ずっと鳴っています
• そばに座る VRM: 丸太に、膝を抱えた VRM が座っています。最初は、パンダの着ぐるみの子です
• VRM を入れ替える: 手元の VRM ファイルを選ぶと、その子が座ります。この端末に保存されます
• 無料: 登録も、ダウンロードも要りません

スマホと、Cardboard 型の簡易 VR ゴーグルで見られます。PC でも動きます。

開く

BONFIRE — 夜の森の焚き火

星空の下、森の焚き火を見つめてみてください。

lain-lab.com

スクリーンショット

起動画面

スマホ用 VR 画面（左右の目に分けて表示）

星空と焚き火

丸太に座る VRM

動画

見方

1. 始める

画面の START をタップします。iPhone では、傾きセンサーの許可が出るので、許可してください。焚き火の音も、このときから鳴ります。

スマホを横にして、Cardboard 型ゴーグルに入れます。立ったまま、首を回して、見回します。START を押したときに向いていた方に、焚き火があります。

2. MENU

足元に、小さな MENU があります。下を向いて、+（視界の真ん中の点）を重ね、1 秒ほど待つと、正面にボタンが横に並びます。何も押さずに 15 秒たつと、閉じます。

ボタン	内容
LEAVES	落ちてくる葉の、ON / OFF（最初は OFF）
SPEED	炎の動きの速さ。×0.5 → ×0.25 → ×1 の順に切り替える
FX	火の粉と煙の、ON / OFF
SOUND	焚き火の音の、ON / OFF
CREDIT	クレジットを、9 秒間、表示する
RETURN	アプリ一覧に戻る
CLOSE	メニューを閉じる

3. 座っている VRM を入れ替える

手元の VRM ファイルを選ぶと、パンダの子の代わりに、その子が同じ丸太に座ります。ゴーグルに入れる前に、スマホの画面で行ってください（ゴーグルを付けたままでは、ファイルを選べません）。

1. 画面をタップして、上のバーを出します
2. 「VRM」を押して、.vrm ファイルを選びます
3. 座ったら、完了です。この端末に保存されるので、次回からも、その子が座ります

元のパンダに戻すときは、「VRM初期化」を押します。

• 保存先は、この端末のブラウザの中です。ファイルは、外へ送信されません
• VRM として読めないファイルを選ぶと、「読めませんでした」と出て、座っている子は、そのままです
• 重い VRM は、読み込みに時間がかかります。軽くするには、VRM Optimizer が使えます

4. 上のバー

画面をタップすると、上にボタンが出ます。

ボタン	内容
STEREO	左右の 2 画面（ゴーグル用）と、1 画面の切り替え
正面に戻す	いま向いている方を、正面にする
デバッグ	読み込みの状態などを表示する
全画面	全画面にする（iPhone は、全画面にできません）
VRM	座らせる VRM のファイルを選ぶ
VRM初期化	保存した VRM を消して、パンダに戻す

PC で見る

センサーが無い PC では、ドラッグで見回します。ゴーグルを使わないときは、上のバーで STEREO を切ると、1 画面になります。

補足

• 夜だけです: 空は、日本の夜 11 時ごろから始まり、ゆっくり進みます
• 位置情報は使いません: 許可の画面は出ません
• 計算も、VRM の保存も、この端末の中で行います: 送信は、しません
• 画面が小さい（縦長の）ときは、MENU のボタンが小さくなります

更新情報

• 2026-11-05: 公開しました。星空と焚き火、火の粉と煙、焚き火の音、座っている VRM と、その入れ替えを入れています

クレジット

• モデル: camping buscraft ambience / Edgar_koh（CC BY）。WebP 化、Draco 圧縮、星空への差し替えの改変あり
• 効果音: 焚き火ループ / Springin’
• VRM 衣装（最初に座っている子）: PANDA衣装 / official-satori（BOOTH）
• 星のデータ: d3-celestial（BSD-3）
• 天体の計算: Astronomy Engine（MIT）
• 星空の描画: Sky Today（lain-lab.com）

アプリの CREDIT ボタンにも、同じ内容を出します。

Vroid用　PANDA衣装 - official-satori - BOOTH

Vroid Stadio 1.20.2正式版で製作しております。 Vroid Stadioにて衣装の欄でインポートしてください。 内容物： PANDAインナー.vroidcustomitem mimi.png　（accessory-猫耳テクスチャデータ） ※衣装のみ、キャラクターモデルは付属しません 許可事項 ・購入者のみ素材としての利用（加工改変） ・動画、配信での利用。 ・自作ゲームのキャラクター衣装として利用 ・データ購入者のみデータ利用、改変、加工を許可いたします。 【禁止事項】 ・本データの制作者を騙る。 ・再配布禁止 ・転売禁止(無断NFT登録など含む)

booth.pm

Edgar_koh

View the profile and 3D models by Edgar_koh. character artist

sketchfab.com

焚き火 | 無料 BGM・効果音のフリー音源素材 | Springin’ Sound Stock

たき火の効果音です。焚き火、暖炉、篝火、キャンプファイヤーなど、薪木が燃える時の音として使えるフリー効果音です。

www.springin.org

関連

[Mobile tool] PLANETARIUM — 見上げる星空を、時間も場所も変えて見る（スマホVR・Cardboard 対応） // PROTOCOL.LAIN

スマホの傾きで見回す、プラネタリウム PLANETARIUM の案内。Cardboard 型ゴーグルでの見方、足元のボタン（時間・場所・±1 か月・表示の切り替え・正面）、星を見つめると出る名前、太陽の通り道、PC での見方、クレジットをまとめています。

lain-lab.com

技術的な話

実装は、技術記事にまとめています。

[Astro] #212 スマホVR焚き火 BONFIRE: 森と炎のモデル・火の粉と煙・座るVRM（骨をコードで曲げる）・外部VRMの保存 // PROTOCOL.LAIN

Three.js / three-vrm で作る、スマホ向け VR 焚き火アプリの実装ガイド。Draco と KHR_materials_unlit のモデルの扱い、視点を炎の反対側に置く計算、InstancedBufferGeometry の火の粉と煙、iPhone の Web Audio ループ、注視ボタンのメニュー、VRM の向きの検出と骨の回転の変換、足の高さの測り方、IndexedDB への VRM 保存を扱います。

lain-lab.com