cocos2d-coffee/template/app/HelloWorldLayer/HelloWorldLayer.coffee

use coffeescript to develop cocos2d-js project.

HelloWorldLayer = cc.Layer.extend
  ctor: ->
    @_super()
    size = cc.director.getWinSize()

    closeItem = cc.MenuItemImage.create 'res/CloseNormal.png', 'res/CloseSelected.png', ->
      @helloLabel.setString "function add(2, 3) is: #{add 2, 3}"
    , this

    closeItem.attr
      x: size.width - 20
      y: 20
      anchorX: 0.5
      anchorY: 0.5

    menu = cc.Menu.create closeItem
    menu.x = 0
    menu.y = 0
    @addChild menu, 1

    @helloLabel = cc.LabelTTF.create "Hello coco !", "Arial", 38
    @helloLabel.x = size.width / 2
    @helloLabel.y = 0
    @addChild @helloLabel, 5

    @sprite = cc.Sprite.create 'res/HelloWorld.png'
    @sprite.attr
      x: size.width / 2
      y: size.height / 2
      scale: 0.5
      rotation: 180

    @addChild @sprite, 0

    rotateToA = cc.RotateTo.create 2, 0
    scaleToA = cc.ScaleTo.create 2, 1, 1
    @sprite.runAction cc.Sequence.create rotateToA, scaleToA
    @helloLabel.runAction cc.Spawn.create(cc.MoveBy.create(2.5, cc.p(0, size.height - 40)), cc.TintTo.create(2.5, 255, 125, 0))

    # test lodash
    console.log _
    console.log _.assign { 'a': 1 }, { 'b': 2 }, { 'c': 3 }
    console.log _.map [1, 2, 3], (n) -> n * 3

    true

@HelloWorldScene = cc.Scene.extend
  onEnter: ->
    @_super()
    layer = new HelloWorldLayer()
    @addChild layer