Code Monkey home page Code Monkey logo

mmd-viewer-js's Introduction

mmd-viewer-js

MMD model dances on your chrome with WebGL. (MMD(MikuMikuDance) is a 3D CG animation tool)

Demo

Demo only for Windows&Chrome

Demo video(blog)

Screen shot

Screen shot1

Screen shot2

Screen shot3

Screen shot4

Instruction

How to start

  1. choose model and click load model button, then MMD model shows up. (currently max model# is 5)
  2. choose motion and click load motion button, then MMD model dances with music sync (if music file is available).

How to add model and motion

  1. clone this project
  2. put your model and motion data files
  3. place toon[00-10].bmp files into your model data directory (you can copy from model/default directory)
  4. convert *.tga files to *.pga files in your model data directory if exists
  5. edit __models and __motions in index.html

FAQ

Q. Which browsers does this app support?

Prolly only Windows Chrome. I haven't checked other platforms.

Q. Does this app support iPhone/Smartphone?

Prolly not yet. I haven't checked.

Q. I cannot load model and motion data in my local environment.

Boot up your chrome with "--allow-file-access-from-files"

Q. What model format does this app support?

Only .pmd now. .pmx and .x would come soon.

Q. This app is very heavy.

Choose light model. Reduce the number of models show up. Turn off Physics, Stage, Edge and Post-effect.

dependencies

No any WebGL 3D libraries, yeah!

Link

MMD official site

mmd-viewer-js's People

Contributors

takahirox avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.