enchant.js의 개발 환경 구축(CoffeeScript Yeoman 사용)

환경 구조

전제 조건

$ npm install -g generator-webapp

절차.

생성기를 시작합니다.이때 수여--coffee.

$ yo webapp --coffee

선택할 수 있는 모든 옵션을 취소합니다.

$ bower install enchant.js-builds --save

파일이 다음과 같이 확장되었습니다.

여기서 동작부터 확인해.

$ grunt serve

enchant.가동하다

〜
<!-- build:js(.) scripts/vendor.js -->
<!-- bower:js -->
<script src="bower_components/jquery/dist/jquery.js"></script>
<!-- endbower -->
<script src="bower_components/enchant.js-builds/build/enchant.js"></script>
<!-- endbuild -->
〜

$ ->

  enchant()

  game = new Core(320, 320)

  game.preload "images/chara1.png"
  game.fps = 20

  game.onload = ->
    bear = new Sprite(32, 32)
    bear.image = game.assets["images/chara1.png"]
    game.rootScene.addChild bear
    bear.frame = [
      6
      6
      7
      7
    ]

    bear.tl.moveBy(288, 0, 10)
    .scaleTo(-1, 1, 10)
    .moveBy(-288, 0, 90)
    .scaleTo(1, 1, 10)
    .loop

    return

  game.start()

  return

끝말

$ cd enchant.js_demo
$ npm install
$ bower install