【WebXR】Three.js / R3FでVR対応3Dパズルゲームを作成【無料でプレイ可能】
Astro v4、Three.js、およびReact Three Fiber（R3F）を用いて開発した、WebXR対応の個人製作3Dパズルゲームのデモ動画（ステージ3クリアまで）です。
PCとVR環境にて動作確認を行っています。
InstancedMeshによるパーティクル最適化や、VRoid Hubの各種アバターを統合したデータ駆動型のシステムハックに関する開発詳細は、以下の解説記事にまとめています。
▼ 開発解説記事（Astro #62）
https://lain-lab.com/posts/astro-62-r...
■ Credits
[ 3D Character Models (Enemy Stages) ]
・Stage 1: Cat ear hairstyle / OR01
Creator: 桜田とまこ
https://hub.vroid.com/characters/8541...
・Stage 2: レイチェルちゃん
Creator: マユラ
https://hub.vroid.com/characters/8278...
・Stage 3: Bunya
Creator: TamanoXCross
https://hub.vroid.com/characters/6167...
・Stage 4: Chen Qianyu
Creator: T-T
https://hub.vroid.com/characters/8019...
・Stage 5: Auralithis
Creator: JustAPal
https://hub.vroid.com/characters/7336...
[ 3D Assets & Environments ]
・3D Model（衣装と舞台）: SATORI (BOOTH)
https://official-satori.booth.pm/
・3D Model（衣装）: おしり服屋さん (BOOTH)
https://oshiri-chan.booth.pm/
・3D Model（衣装）: minipper (BOOTH)
https://minippa.booth.pm/
・3D Model（衣装）: 第703工房 (BOOTH)
https://t703vr.booth.pm/
・3D Model（衣装）: siroihakumai (BOOTH)
https://siroihakumai.booth.pm/
・3D Model (STG) : alban
https://sketchfab.com/alban
[ Audio ]
・BGM：Yuli Audio Craft
https://yacft.com/
・効果音：効果音ラボ
https://soundeffect-lab.info/
■ Legal Notice
The world-building (Navi / Copland OS) and certain design elements of this site are constructed as a non-profit, experimental implementation in compliance with the "serial experiments lain" secondary creation guidelines [lain 20th Anniversary Twitter Theme (lainTTL) Guidelines].
https://www.nbcuni.co.jp/rondorobe/an...
#Threejs #r3f #WebXR #VRM #vroid #lain