Three.js ver_r106にてMMDを喋らせる自己的なサンプルプログラム
Webアプリケーション上で、Three.js ver.r106を用いてプロ生ちゃんを動かしてみるサンプルプログラム
- Chrome
- Microsoft Edge
<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>$ cd SampleWebMMD
$ live-server . # or other one liner web server- プロ生ちゃんのPMXをダウンロードし、pmx/puronama/ディレクトリにプロ生ちゃん.pmxが入っているディレクトリ内のファイルをすべて(png, bmp, pmx)いれる
- プロ生ちゃんのボイスデータをダウンロードし、audioディレクトリに kei_voice_009_1.mp3 と kei_voice_010_2.mp3 をいれる
This software is released under the MIT License, see LICENSE.
© 2019 合同会社プロ生