mmd.gl.enchant.js

main.coffee

enchant()
window.game = null

MODEL_PATH  = 'model/Haku_Yowane.pmd'
MOTION_PATH = 'motion/kishimen.vmd'
GAME_WIDTH = 800
GAME_HEIGHT = 800

class MyScene3D extends Scene3D
  constructor: ->
    super()
    @backgroundColor = '#ffffff'
    @initCamera()

    @addChild @createMikuModel()

    @addEventListener 'touchstart', @_touchstart
    @addEventListener 'touchmove', @_touchmove

  createMikuModel: ->
    miku = game.assets[MODEL_PATH].clone()
    miku.pushAnimation(game.assets[MOTION_PATH])
    miku

  initCamera: ->
    @_camera.y = 20
    @_camera.z = 80
    @_camera.centerY = 10

  _touchstart: (event) =>
    @last_x = event.x

  _touchmove: (event) =>
    r += (event.x - @last_x) / 100
    @_camera.x = Math.cos(r) * 80
    @_camera.z = Math.sin(r) * 80
    @last_x = event.x

class FPSLabel extends Label
  constructor: ->
    super('0')
    @font = '24px helvetica'
    @cnt = 0

    setInterval =>
      @text = @cnt
      @cnt = 0
    , 1000

    game.rootScene.addEventListener 'enterframe', (e) =>
      @cnt++

class MyGame extends Game
  constructor: ->
    window.game = @
    super(GAME_WIDTH,GAME_HEIGHT)
    @preload [
      MODEL_PATH
      MOTION_PATH
    ]

  onload: ->
    new MyScene3D
    @rootScene.addChild new FPSLabel

window.onload = ->
  new MyGame()
  .start()