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.
<title>TODO supply a title</title>
<meta charset=»UTF-8″>
<meta name=»viewport» content=»width=device-width, initial-scale=1.0″>
<script src=»»></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();«#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);
//Update stage will render next frame
function mover() {
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;


createjs.Ticker.addEventListener(«tick», mover);

<body onload=»dibujar()»>

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