<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;
}