CreateJS rebote

<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
<head>
<title>TODO supply a title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://code.createjs.com/createjs-2015.05.21.min.js"></script>
<script>
var pos = 50, circle,cuadrado,bitmap,incX=5,incY=5;

function dibujar() {
stage = new createjs.Stage("lienzo");
//Create a Shape DisplayObject.
circle = new createjs.Shape();

circle.graphics.beginFill("#00FF00").drawCircle(50, 50, 100);
//Set position of Shape instance.
circle.x = 50;
circle.y = 100;
circle.shadow=new createjs.Shadow("#000000", 5, 5, 10);
stage.addChild(circle);
//Update stage will render next frame
stage.update();
}
function mover() {
circle.x+=incX;
circle.y +=incY;
if (circle.x<50) incX=5;
if (circle.y<50) incY=5;
if (circle.x>650) incX=-5;
if (circle.y>450) incY=-5;

stage.update();
}

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

</script>
</head>
<body onload="dibujar()">

<canvas style="border:solid" id="lienzo" width="800" height="600"></canvas>

</body>
</html>