JavaScript 라이브러리 EASELJS의 첫 번째 이미지 (3)

function init() {
    var canvas = document.getElementById("easel");
    var centerX = canvas.width / 2;
    var centerY = canvas.height / 2;

    //  
    var stage = new createjs.Stage(canvas);

    ss = new createjs.SpriteSheet({
        animations: {
            //  ， 
            fly: [0, 15],
            explode: [16, 20, "fly"]
        },
        images: ["_image/sprite2.png"],
        frames: {
            regX: 50,
            regY: 50,
            height: 100,
            width: 100
        }
    });

    ship = new createjs.BitmapAnimation(ss);
    ship.x = centerX;
    ship.y = centerY;
    ship.gotoAndPlay("fly");

    stage.addChild(ship);


    createjs.Ticker.setFPS(30);
    createjs.Ticker.addListener(function() {
        ship.x = stage.mouseX;
        ship.y = stage.mouseY;
        
        stage.update();

    });


}

function init() {
    var canvas = document.getElementById("easel");
    var centerX = canvas.width / 2;
    var centerY = canvas.height / 2;

    //  
    var stage = new createjs.Stage(canvas);

    ss = new createjs.SpriteSheet({
        animations: {
            //  ， 
            fly: [0, 5],
            explode: [2, 5, "fly"]
        },
        images: ["_image/shipsprites.png"],
        frames: {
            regX: 22,
            regY: 33,
            height: 66, //  
            width: 43   //  
        }
    });

    ship = new createjs.BitmapAnimation(ss);
    ship.x = centerX;
    ship.y = centerY;
    ship.gotoAndPlay("fly");


    //
    //ship.onClick = function(e) {
    //    ship.gotoAndPlay("explode");
    //};
    
    ship.onPress = function(e){
        e.onMouseOver = function(ev){
            e.target.x = ev.stageX;
            e.target.y = en.stageY;
        }
    };

    stage.enableMouseOver();
    stage.addChild(ship);
    createjs.Ticker.setFPS(6);
    createjs.Ticker.addListener(function() {
        //ship.x = stage.mouseX;
        //ship.y = stage.mouseY;
        stage.update();
    });


}