ブラウザだけで動くMMDビューアーのテンプレートパッケージです。 PCのWebカメラに顔を向けると、3Dキャラクターのカメラ視点が追従する MMDモデル（PMXファイル）とモーションデータ（VMDファイル）を差し替えるだけで動く インストール不要・登録不要。ChromeなどのブラウザがあればOK 物理演算（髪・スカートなどのゆれ）にも対応済み 🖥️ デモ・サンプル ▶ ブラウザでそのまま動かせます（Live Demo） https://yugeyashiki.github.io/3DViewMMD/ 🎬 デモ動画（YouTube） https://youtu.be/aNIPMs8KoG4 📦 パッケージ内容 ファイル 内容 index.html メインのビューアーページ main.js / scene.js など Three.js ベースの3D描画スクリプト README.md セットアップ手順・カスタマイズ方法 Videos/ フォルダ 背景動画を入れるだけで反映（mp4対応） PMXモデル・VMDモーションデータは含まれていません。別途ご用意ください。 🔧 使い方（3ステップ） ダウンロード＆解凍する お好みの PMXモデル・VMDモーションデータ を所定のフォルダに入れる index.html をChromeで開くだけ ✅ 背景動画は Videos/ フォルダにmp4ファイルを入れると即座に反映されます。 💡 こんな方におすすめ ・自分のMMDキャラクターをブラウザで動かしてみたい ・VTuber活動・配信の背景として使いたい ・3Dコンテンツに興味があるが、ProcreatやUnityは重い…という方 ・バイブコーディングや Web3D に興味がある初心者・中級者 ⚙️ 動作確認環境 項目 内容 推奨ブラウザ Google Chrome（最新版） OS Windows / Mac（どちらでも動作） スペック 低スペックPC（GPU非搭載）でも動作確認済み カメラ Webカメラ（顔トラッキング使用時に必要） 📌 ライセンス・注意事項 本テンプレートは MITライセンスで配布しています 改変・再配布・商用利用すべてOK（著作権表示は残してください） 同梱されているモデル・モーションデータはありません。ご自身でご準備ください Three.js / MMD Loader / MediaPipe を使用しています（各ライセンスに従います） 💻 ソースコード（GitHub） https://github.com/yugeyashiki/3DViewMMD フォーク・スター大歓迎です。バグ報告・感想はIssueまたはBoothのコメントにどうぞ。 🙋 作った人について エンジニアではない人間がAIと一緒にバイブコーディングで作りました。 「プログラムを書けなくても、作りたいものがあれば作れる」をそのまま体現したプロジェクトです。 ✨ What is this? A ready-to-use MMD viewer template that runs entirely in your browser — no installation, no registration needed. Point your webcam at your face → the 3D camera follows your head movement in real time Swap in any MMD model (PMX) and motion data (VMD) — it just works Physics simulation included (hair, skirts, accessories bounce naturally) Drop an mp4 into the Videos/ folder → background video updates instantly 🖥️ Live Demo & Preview ▶ Try it now in your browser https://yugeyashiki.github.io/3DViewMMD/ 🎬 Demo video (YouTube) https://youtu.be/aNIPMs8KoG4 📦 Package Contents File / Folder Description index.html Main viewer page main.js / scene.js etc. Three.js-based 3D rendering scripts README.md Setup guide & customization tips Videos/ folder Drop an mp4 here to update the background ⚠️ PMX models and VMD motion data are not included. Please prepare them separately. 🔧 How to Use (3 Steps) Download & unzip the package Place your PMX model and VMD motion file in the designated folders Open index.html in Google Chrome — done ✅ 💡 Perfect For Displaying your MMD character in a browser window VTuber streaming backgrounds Anyone interested in Web 3D but intimidated by heavy tools like Unity Beginners or hobbyists exploring vibe coding / AI-assisted development ⚙️ System Requirements Item Details Browser Google Chrome (latest recommended) OS Windows / Mac Specs Works on low-spec PCs (integrated GPU confirmed) Webcam Required for face tracking feature only 📌 License & Notes Distributed under the MIT License ✅ Free to use, modify, redistribute, and use commercially (please keep the copyright notice) No models or motion data are included in this package Uses Three.js, MMD Loader, MediaPipe (subject to their respective licenses) 💻 Source Code (GitHub) https://github.com/yugeyashiki/3DViewMMD Feel free to fork, star, and modify. Bug reports and feedback welcome via Issues or Booth comments. 🙋 About the Creator Built by a non-engineer using AI-assisted (vibe) coding. This project is proof that "you don't need to write code to build something cool — you just need to know what you want." Full story on note → (link coming soon)