[Web Tool] 添い寝 — VRM のマスコットと一緒に寝る(VR 対応・寝息・撫でる・寝返り)
概要
添い寝は、トップページのマスコット(VRM)と、ベッドで一緒に寝るモードです。
- 部屋に入る: ベッドのある寝室を歩ける。マスコットは、ベッドの横に立っている
- 話しかけて寝る: 話しかけると、部屋が暗くなって、マスコットが隣で寝る。目を閉じて、胸がゆっくり上下する
- パジャマ: 入った時から、パジャマ姿。選べる(既定はランダム)
- 寝息の音: 胸の動きに合わせて鳴る。音は、自分で作り込める(合成の調整・mp3・自分の音声ファイル)
- 撫でる: 頭を撫でると、笑顔になる(PC はドラッグ、VR は手)
- 寝返り: 仰向けと横向きが、一定時間ごとに、ゆっくり入れ替わる
- VR: Quest で、本当に横になって使える。体を横にしても、視点が枕の高さに戻る
- ファイル: 自分で追加した音声は、ブラウザの中だけに保存されます。アップロードされません
lain-lab.com TOP — 添い寝
トップページのターミナルで sleep と入力すると、添い寝モードに入ります。
lain-lab.comスタートメニューから起動
トップページのスタートメニューからも起動できます。
スクリーンショット
クレジットボード
ベッド脇にクレジットボードを作成しました。
サムネ画像付き。
設定UI
動画
使い方
入る・出る
| 方法 | 内容 |
|---|---|
ターミナルに sleep | 添い寝モードに入る |
VR メニューの sleep | VR で入る。もう一度押すと、戻る |
Esc(PC) | 添い寝モードから、トップに戻る |
歩く・話しかける・寝る(PC)
| 操作 | 動き |
|---|---|
W A S D | 歩く |
Shift | 走る |
| ドラッグ | 見回す |
E、またはマスコットをクリック | 話しかける。約 3 秒で暗くなって、一緒に寝る |
Space | 起きる |
T | 設定パネルの開閉 |
寝ている間は、視点がベッドの枕元に固定されます。ドラッグで見回せます。
撫でる
寝ている間に、頭をドラッグします。笑顔になって、頭が少し揺れます。やめて 3 秒ほどで、元の表情に戻ります。目は閉じたままです。
字幕が ON なら、短いセリフが出ます。
寝返り(仰向け・横向き)
寝ている間、一定時間ごとに、仰向けと横向きが入れ替わります。入れ替わるときは、3.5 秒かけて、ゆっくり動きます。
| 設定 | 内容 |
|---|---|
| 寝姿 | 仰向け / 横向き。ボタンで選ぶと、すぐ切り替わります。選んだ時点から、時間を数え直します |
| 寝返りで、寝姿を入れ替える | ON(既定)で、自動で入れ替わる。OFF で、選んだ寝姿のまま |
| 入れ替える間隔 | 20〜600 秒(既定 120 秒) |
| 横向きの微調整 | 左右・前後(頭・足の方向)・高さ・向き。体がベッドにめり込む・浮くときに |
寝返りの途中は、体が一時的にベッドから浮いて見えることがあります。
設定(T キーのパネル)
位置
| 項目 | 内容 |
|---|---|
| X(左右)・Z(前後)・向き | 立っているときの、マスコットの位置と向き |
| 寝姿 | 仰向け / 横向き |
| 寝返りの自動入れ替え・間隔 | 前節のとおり |
| 横向きの微調整 | 前節のとおり |
環境
| 項目 | 内容 |
|---|---|
| 就寝時の明るさ | 寝たときの部屋の明るさ(既定 15%)。0% に近いと、ほぼ真っ暗になります |
| セリフ(字幕) | ON で、話しかけたときや、撫でたときに、セリフを出す(既定は OFF) |
| 寝息の音 | ON / OFF(既定は ON) |
| 寝息の詳細… | 寝息の調整パネル(次節) |
衣装
パジャマの一覧です。RANDOM(寝るたびに、ランダム)か、1 つを選びます。各項目に、サムネイルと、制作者、配布ページへのリンクがあります。
- 選んだ時点で、マスコットがそのパジャマに着替えます
- 内蔵のモデルでだけ使えます。自分で読み込んだ VRM は、普段着のままです
RESET で、位置・設定を初期値に戻します。
寝息の音
寝息は、胸の上下と同じ動きから作ります。胸が上がるときに「吸う」音、下がるときに「吐く」音が鳴ります。胸の動きと音は、必ず合います。
T パネルの「環境」→「寝息の詳細…」で、調整パネルが開きます。
| 項目 | 内容 |
|---|---|
| 試聴 | 寝ていなくても、鳴らして確かめる |
| 音源 | 合成(胸に合わせる)、内蔵の mp3、自分の音声ファイル |
| 音声ファイルを追加… | 自分の音声を追加します。mp3・wav・ogg・m4a など。1 ファイル 15MB まで、20 個まで |
| 音量・呼吸の長さ・胸の動き | 全体の大きさ、1 回の呼吸の秒数、胸の動く角度 |
| 吸う音・吐く音(音量と高さ) | 吸う音と吐く音の、大きさと高さ |
| 音の鋭さ・こもり | 音色 |
| 山の形・間(無音)・ゆらぎ | 音量の波の形、呼吸の間の静けさ、ゆらぎ |
| 胸とのずれ | 胸の動きと音のタイミングのずれ |
| 吸う・吐くを入れ替える | 音の向きを反対にする |
| プリセット | 10 個まで保存・読み込み |
- 自分で追加した音声は、このブラウザの中にだけ保存されます。別のブラウザや、別の端末には、引き継がれません。サイトのデータを消すと、一緒に消えます
- mp3 と自分の音声は、繰り返し再生されます。胸の動きとは、同期しません
- 使っていた音声を削除すると、合成に戻ります
VR(Quest)
ENTER_VR で VR に入って、メニューの sleep から入ります。
| 操作 | 動き |
|---|---|
| 左スティック | 歩く |
右 A | 話しかける(立っているとき)/ 起きる(寝ているとき) |
左 X | 設定パネルの開閉 |
左 Y | VR メニュー |
- 寝たあと、実際に体を横にしても、視点が枕の高さに戻ります。ゆっくりした動きは追います。素早く頭を動かして、のぞき込むのは、そのままできます
- 頭の近くで手を動かすと、撫でられます。髪が指に押されて、揺れます
VR の設定パネル
左 X で開きます。見ている方向の少し先に出て、そこから動きません。コントローラーのレーザーで、ボタンを押します。
| タブ | 内容 |
|---|---|
| POSITION | 位置・向き、LYING(BACK / SIDE)、AUTO TURN OVER と間隔、横向きの微調整 |
| ENV | 就寝時の明るさ、字幕、寝息の音 |
| OUTFIT | パジャマの選択 |
| BREATH | 寝息の音源・プリセット・各項目 |
- スライダーは、
−/+のボタンです。0で、その項目を初期値に戻します - 表示は英語です(VR の文字に、日本語のフォントが無いため)
- ファイルの追加・削除は、PC で行います
動かないとき
- パジャマにならない: 自分で読み込んだ VRM は、普段着のままです。内蔵のモデルを選んでください
- 音が鳴らない: ブラウザは、画面を一度クリックするまで、音を鳴らせません。話しかけて寝ると、鳴り始めます。設定の「寝息の音」が OFF になっていないか、確認してください
- 部屋が真っ暗で、何も見えない: 設定の「就寝時の明るさ」を上げてください。
RESETで、初期値に戻ります - 横向きにならない: 横向きのポーズのファイルが読めていません。仰向けだけで動きます
- 横向きで、体がベッドに埋まる・浮く: 設定の「横向きの微調整」の高さで合わせてください
- VR で、パネルが見つからない: 左
Xを、もう一度押してください。開くたびに、見ている方向の先に出ます - VR で、音声ファイルを追加できない: VR の中では、ファイルを選べないことがあります。PC で追加してください(ただし、端末ごとに別の保存先です)
- VR で、体が宙に浮く・床に埋まる: 一度、起きてから、もう一度寝てください
よくある質問
Q. 寝ている間に、パジャマを変えられますか。 できます。「衣装」で選び直すと、その場で着替えます。
Q. 寝息の音は、どこまで変えられますか。 合成の音は、吸う音・吐く音の高さ、鋭さ、こもり、間、ゆらぎまで変えられます。気に入った設定は、プリセットに残せます。自分の音声ファイルも使えます。
Q. 設定は、残りますか。
ブラウザの中(localStorage)に保存されます。別のブラウザには、引き継がれません。
Q. 他のモデルとも、寝られますか。 トップページで選んでいる VRM と、寝ます。パジャマは、内蔵のモデルのときだけです。
Q. 読み込んだファイルは、送信されますか。 されません。ブラウザの中だけで動きます。
関連
実装は、技術記事にまとめています。
▼ [Astro] #201 VRM と一緒に寝る添い寝モード(部屋・暗転・パジャマ・撫でる・寝息の合成・VR 設定パネル)
[Astro] #201 VRM と一緒に寝る添い寝モード(部屋・暗転・パジャマ・撫でる・寝息の合成・VR 設定パネル) // PROTOCOL.LAIN
react-three-fiber + three-vrm 3.5.5 + @react-three/xr で作った添い寝モード。GLB の倍率を天井から決める、光線でマットレスの高さを測る、ライトと environmentIntensity を絞る、胸と音を同じ位相で動かす寝息の合成、uikit の VR 設定パネルまでのガイド。
lain-lab.com▼ [Astro] #202 横向きの寝姿を VRMA で読み込む(自動設置・寝返りのクロスフェード・VPD→VRMA 変換)
[Astro] #202 横向きの寝姿を VRMA で読み込む(自動設置・寝返りのクロスフェード・VPD→VRMA 変換) // PROTOCOL.LAIN
three-vrm の createVRMAnimationClip で 1 フレームのポーズを再生し、AnimationMixer の重みで立ち姿と混ぜる実装ガイド。ポーズ後の骨の位置から接地と向きを決める、加算した回転を毎コマ外す、VR のワールド座標の落とし穴、MMD の VPD を VRMA に変換するときの全ての親・足 IK・足 IK 親の扱い。
lain-lab.com▼ アプリリンク
VRMA MAKER
VRM のポーズを作って、並べて、VRMA にするブラウザアプリ。
lain-lab.comCREDIT
衣装と音声は以下よりお借りしています。
パジャマ風衣装【VRoid】 - 柚屋 - BOOTH
公式衣装のピンクなワンピース、前から加工したらパジャマになりそうと思ってました。 でもワンピースで寝たり座るとスカートが跳ねるんです…パジャマにならないなーと諦めてました。 しかし入院中に暇で他の人の作り方見てたら型紙を変えるというやり方を見て、これだ!と作ってみました。 立ち姿以外も作れるようになるとバリエーション増えていいですよね~。せっかくなので色差分含めて配布しようと思います。 〇利用方法 VRoidカスタイムファイルが各色それぞれ入っています。VRoid Studioでインポートしてください。 〇注意点 パジャマとスリッパのみのデータです。
booth.pm
【Free/無料配布】Dreamy Fish's Pajamas/夢見る魚のパジャマ - ユメカクの宝箱 - BOOTH
─⊹⊱ 夢見る魚のパジャマ ⊰⊹─ バーチャル世海に生息する魚のパジャマです 文字の刺繍と、チャームが付属でついています 💎フォルダにある規約(Please Read me)を読んでいただいた上で、こちらの衣装をご利用いただけます VRCやcluster等のドレスコードにどうぞ.。o○ ─⊹⊱ 使用報告について ⊰⊹─ ・写真撮影の使用報告は任意です (Xの投稿タグ:「#ユメカクの宝箱」) ※動画制作(MMD、MV含みます)や配信の衣装としてご利用される場合は、以下のクレジットの表記をお願いします! ▼クレジット表記(Credit) Mermaid's Negligee
booth.pm
Vroid用 PANDA衣装 - official-satori - BOOTH
Vroid Stadio 1.20.2正式版で製作しております。 Vroid Stadioにて衣装の欄でインポートしてください。 内容物: PANDAインナー.vroidcustomitem mimi.png (accessory-猫耳テクスチャデータ) ※衣装のみ、キャラクターモデルは付属しません 許可事項 ・購入者のみ素材としての利用(加工改変) ・動画、配信での利用。 ・自作ゲームのキャラクター衣装として利用 ・データ購入者のみデータ利用、改変、加工を許可いたします。 【禁止事項】 ・本データの制作者を騙る。 ・再配布禁止 ・転売禁止(無断NFT登録など含む)
booth.pm