Skip to content
master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
js
 
 
 
 
vmd
 
 
 
 
 
 
 
 
 
 

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

About

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

Resources

License

Releases

No releases published

Packages

No packages published