Simple MouseOver sample

Sets up a canvas, stage, and tick

by lannymcnie

HTML

<canvas id="canvas" width="800" height="600"></canvas>

JavaScript

var stage = new createjs.Stage("canvas");
createjs.Ticker.addEventListener("tick", tick);

stage.enableMouseOver(20);
var circle = new createjs.Shape().set({x:100,y:100});
circle.graphics.f("#ff0000").dc(0,0,50);
stage.addChild(circle);

circle.addEventListener("mouseover", handleMouseOver);
circle.addEventListener("mouseout", handleMouseOut);
function handleMouseOver(event) {
    circle.scaleX = circle.scaleY = 1.5;   
}
function handleMouseOut(event) {
    circle.scaleX = circle.scaleY = 1;
}

function tick(event) {
    stage.update();
}