# MMD-t

**Repository Path**: sukikamo/MMD-t

## Basic Information

- **Project Name**: MMD-t
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-05-14
- **Last Updated**: 2021-05-14

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

MMD-t (MikuMikuDance-t)
====

three.jsを使ったMMD再生プログラムです。  
スライダーバーで再生制御をしています。

## Description
three.jsのMMDLoader.jsから半分くらいコードを持ってきています。  
最初はMMDLoader.jsの使い方が分からず色々いじっていましたが、スライダーバーでの再生制御を入れる時点で
データのロードはMMDLoader.jsをそのまま使う様にして、helper機能はAnimationHelperとして追加して使っています。  
テストデータはthree.jsに入っているmiku_v2.pmd, wavefile_v2.vmd, wavefile_camera.vmd, wavefile_short.mp3を
使っています。動かしたい方はindex.html中にあるselect項目を適当に編集してデータを配置してください。  
(FireFox 55でしかテストしていませんので動かなかったらごめんなさい)  
![Alt text](MMD-t.png)

## Requirement
基本的にMMDLoader.jsの依存ライブラリです。  
* three.js <https://github.com/mrdoob/three.js>
* mmd-parser <https://github.com/takahirox/mmd-parser>
* ammo.js <https://github.com/kripken/ammo.js>
* THREE.TGALoader
* THREE.MMDPhysics
* THREE.CCDIKSolver
* THREE.OutlineEffect

## Usage
index.htmlをFireFox等のブラウザで開いて下さい。(IEは動かないかも)  
Model→Motion→Camera Work→Audioの順にファイルを選択します。  

|ボタン|動作|
|:----:|----|
|Load|読み込みボタンです。ファイルを選択している段階で読み込みを始めています。<br>(読み込み終了を待つ様にしていますが個別で読み込んだ方が早いです。)|
|Display|再表示します。<br>(読み込み終了時点で表示しているのですが何故か途中の状態で表示されます。)|
|Play|再生ボタンです。|
|Stop|再生終了します。再生ボタンで再生を再開できます。|
|スライダーバー|好きな所まで再生を飛ばしたり、戻したり出来ます。|
  
再生していない時にはキーボードの特定のキーを押すことによりカメラ操作とモデルの配置変更を行うことが出来ます。  

|キー|動作|
|:--:|----|
|r|カメラ位置とモデル配置のリセットを行えます。|
|c|カメラ操作モード、マウス操作によりカメラを移動できます。<br>左ボタンのドラッグで見ている位置を中心にカメラを回転します。<br>ホイールボタンのドラッグでカメラの上方向を回転します。<br>ホイールのスクロールでカメラを遠近を移動します。<br>右ボタンのドラッグでカメラを上下左右に移動します。|
|s|モデル選択モード、左クリックでモデルを選択します。(分かり辛いです)|
|m|モデル操作モード、モデル選択したモデルをマウス操作により位置を変更したり上下左右に移動します。<br>左ボタンのドラッグでモデルを回転します。<br>右ボタンのドラッグでモデルを上下左右に移動します。|

## Install
ファイルをgithubから取得して展開して下さい。  
その後、以下のファイルを配置して下さい。  
(PMX, PMD両方扱えますのでデータをお持ちの方は適当に配置して下さい。)  

* model/miku/miku_v2.pmd
* motion/wavefile_motion/wavefile_v2.vmd
* motion/wavefile_motion/wavefile_camera.vmd
* audio/wavefile/wavefile_short.mp3

## Contribution
見ている人が居るか分かりませんが、何かありましたらメールしてね  
<teiji.matsusaka@gmail.com>

## Licence
MMDLoader.jsのライセンスと同じにしようと思います(three.jsのライセンスになるのかな？)  
[MIT]

## Author
[Teiji-Matsusaka](https://github.com/Teiji-Matsusaka)