hanyeah

//创建stage，参数为canvas的id

var stage=new createjs.Stage("gameMain");

createjs.Ticker.setFPS(6);

 createjs.Ticker.addEventListener("tick", tick);

function tick(event){

                stage.update();//需要tick，然后自己update,才能刷新显示。

            }

//创建一个spriteSheet；具体参数可以看api，真正用到再学。

var data = {

images: ["bt2.png"],

frames: {width:201, height:40},

animations: {

out:0,

over:1,

down:2

}

};

var spriteSheet = new createjs.SpriteSheet(data);

//创建一个Sprite

var sp=new createjs.Sprite(spriteSheet);//定义:Sprite(spriteSheet, frameOrAnimation);

//创建一个矩形作为点击区域

var hitArea=new createjs.Shape();

hitArea.graphics.beginFill("#000000").drawRect(0,0,100,100);

var btn = new createjs.ButtonHelper(sp, "out", "over", "down", false, sp, "out");

//var btn = new createjs.ButtonHelper(sp, "out", "over", "down", false, hitArea);

stage.addChild(sp);sp.play();

stage.enableMouseOver(30);//需要手动设置一个频率，才会定时检测rollover事件，和update一样,同理其他不能直接响应的鼠标事件。不过响应似乎有点慢。

//sp.addEventListener("rollout",function(){console.log("roll over");})

var n=0;

sp.addEventListener("click",clickHandler);

function clickHandler(){

n++;

console.log("点击了按钮"+n+"次");

}

target Sprite | MovieClip

The instance to manage.

一个Sprite或是MOvieClip类型的实例，用于显示及改变状态时控制。必选

[outLabel="out"] String optional

The label or animation to go to when the user rolls out of the button.

鼠标out时对应的帧，参数值是字符串，对应SpriteSheet里边的那个标签。可选，默认是“out”

[overLabel="over"] String optional

The label or animation to go to when the user rolls over the button.

鼠标over时对应的帧，参数值是字符串，对应SpriteSheet里边的那个标签。可选，默认是“over”

[downLabel="down"] String optional

The label or animation to go to when the user presses the button.

鼠标按下时对应的帧，参数值是字符串，对应SpriteSheet里边的那个标签。可选，默认是“down”

[play=false] Boolean optional

If the helper should call "gotoAndPlay" or "gotoAndStop" on the button when changing states.

当状态改变时，是执行GotoAndPlay还是gotoAndStop，相当于一个按钮有3帧，每一帧对应一个影片剪辑，跳转到相应的帧时，里面的影片剪辑是Stop还是Play；默认是false,对应的是Stop。可选

如果想要鼠标放上去的时候播放一个动画而不是单纯的改变状态，就需要设置成true，并且Sprite该标签对应的应该是一个animation（想要深入了解，先看一下SpriteSheet）。

[hitArea] DisplayObject optional

An optional item to use as the hit state for the button. If this is not defined, then the button's visible states will be used instead. Note that the same instance as the "target" argument can be used for the hitState.

设置一个显示元件作为点击区域。可选

[hitLabel] String optional

The label or animation on the hitArea instance that defines the hitArea bounds. If this is null, then the default state of the hitArea will be used. *

点击区域使用的标签。可选

结合上一个参数，合起来，设置点击区域；因为如果是Shape或是Bitmap还好，如果是Sprite的话，Sprite是有好多帧的，所以就需要指定Sprite的某一帧作为点击区域