[Web Tool] 添い寝 — VRM のマスコットと一緒に寝る(VR 対応・寝息・撫でる・寝返り)

[Web Tool] 添い寝 — VRM のマスコットと一緒に寝る(VR 対応・寝息・撫でる・寝返り)

概要

添い寝は、トップページのマスコット(VRM)と、ベッドで一緒に寝るモードです。

  • 部屋に入る: ベッドのある寝室を歩ける。マスコットは、ベッドの横に立っている
  • 話しかけて寝る: 話しかけると、部屋が暗くなって、マスコットが隣で寝る。目を閉じて、胸がゆっくり上下する
  • パジャマ: 入った時から、パジャマ姿。選べる(既定はランダム)
  • 寝息の音: 胸の動きに合わせて鳴る。音は、自分で作り込める(合成の調整・mp3・自分の音声ファイル)
  • 撫でる: 頭を撫でると、笑顔になる(PC はドラッグ、VR は手)
  • 寝返り: 仰向けと横向きが、一定時間ごとに、ゆっくり入れ替わる
  • VR: Quest で、本当に横になって使える。体を横にしても、視点が枕の高さに戻る
  • ファイル: 自分で追加した音声は、ブラウザの中だけに保存されます。アップロードされません

スタートメニューから起動

トップページのスタートメニューからも起動できます。

添い寝 — スタートメニューから起動

スクリーンショット

VRM と一緒に寝る添い寝モード VRM と一緒に寝る添い寝モード VRM と一緒に寝る添い寝モード

クレジットボード

ベッド脇にクレジットボードを作成しました。
サムネ画像付き。

VRM と一緒に寝る添い寝モード - 設定UI

設定UI

VRM と一緒に寝る添い寝モード - 設定UI VRM と一緒に寝る添い寝モード - 設定UI VRM と一緒に寝る添い寝モード - 設定UI

動画

添い寝 — スタートメニューから起動 添い寝 — スタートメニューから起動 添い寝 — スタートメニューから起動

使い方

入る・出る

方法内容
ターミナルに sleep添い寝モードに入る
VR メニューの sleepVR で入る。もう一度押すと、戻る
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設定パネルの開閉
左 YVR メニュー
  • 寝たあと、実際に体を横にしても、視点が枕の高さに戻ります。ゆっくりした動きは追います。素早く頭を動かして、のぞき込むのは、そのままできます
  • 頭の近くで手を動かすと、撫でられます。髪が指に押されて、揺れます

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] #202 横向きの寝姿を VRMA で読み込む(自動設置・寝返りのクロスフェード・VPD→VRMA 変換)

▼ アプリリンク

CREDIT

衣装と音声は以下よりお借りしています。

https://pixabay.com/ja/users/sranikiii-45148315/