<html>
<head>
	<title>this is my createjs first project</title>
	 
	<script type="text/javascript" src="http://coffeescript.org/extras/coffee-script.js"></script>
	<link rel="stylesheet" type="text/css" href="http://necolas.github.io/normalize.css/1.1.2/normalize.css">
	<link rel="stylesheet/less" type="text/css" href="my.less">
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.js"></script>
	<script type="text/javascript" src="http://code.createjs.com/createjs-2013.05.14.min.js"></script>
	<script type="text/coffeescript" src="my.coffee"></script>
	<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/1.4.1/less.min.js" type="text/javascript"></script> 
</head>
<body>
	<canvas id="mycanvas" width="500px" height="500px"></canvas>
</body>
</html>
$ ->
	stage = new createjs.Stage("mycanvas")

	myshape = new createjs.Shape()


	myshape.graphics.beginFill("#000000").drawCircle(0,0,50)

	stage.addChild(myshape)

	stage.update()

	$("#mycanvas").on("mousemove", (e)->
		myshape.x = e.offsetX;
		myshape.y = e.offsetY;
		stage.update()
	);
canvas{
	margin: 10px auto;
	border: 2px solid #000;
	display: block;
}