Skip to content
Three.js ver_r106にてMMDを喋らせるサンプルプログラム
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
audio
js
pmx/pronama
vmd
.gitignore
LICENSE
README.md
index.html

README.md

SampleWebMMD

Three.js ver_r106にてMMDを喋らせる自己的なサンプルプログラム

Description

Webアプリケーション上で、Three.js ver.r106を用いてプロ生ちゃんを動かしてみるサンプルプログラム

Demo

pic.twitter.com/1HelNKNOaf

capture

Requirement

動作確認済みのブラウザ

  • Chrome
  • Microsoft Edge

Three.js & MMD & ammo.js

<script src="https://cdn.jsdelivr.net/gh/mrdoob/three.js@r106/build/three.js"></script>
<script src="https://cdn.jsdelivr.net/gh/mrdoob/three.js@r106/examples/js/libs/mmdparser.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/ammo.js@0.0.10/ammo.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/mrdoob/three.js@r106/examples/js/loaders/TGALoader.js"></script>
<script src="https://cdn.jsdelivr.net/gh/mrdoob/three.js@r106/examples/js/loaders/MMDLoader.js"></script>
<script src="https://cdn.jsdelivr.net/gh/mrdoob/three.js@r106/examples/js/animation/MMDAnimationHelper.js"></script>
<script src="https://cdn.jsdelivr.net/gh/mrdoob/three.js@r106/examples/js/effects/OutlineEffect.js"></script>
<script src="https://cdn.jsdelivr.net/gh/mrdoob/three.js@r106/examples/js/animation/CCDIKSolver.js"></script>
<script src="https://cdn.jsdelivr.net/gh/mrdoob/three.js@r106/examples/js/animation/MMDPhysics.js"></script>

Usage

$ cd SampleWebMMD
$ live-server . # or other one liner web server

Install

  1. プロ生ちゃんのPMXをダウンロードし、pmx/puronama/ディレクトリにプロ生ちゃん.pmxが入っているディレクトリ内のファイルをすべて(png, bmp, pmx)いれる
  2. プロ生ちゃんのボイスデータをダウンロードし、audioディレクトリに kei_voice_009_1.mp3kei_voice_010_2.mp3 をいれる

Licence

Program

This software is released under the MIT License, see LICENSE.

MMD & Voice

© 2019 合同会社プロ生

Author

Twitter

Blog

You can’t perform that action at this time.