CreateJS勉強中 画像読み込んでTweenJSでアニメーション

CreateJS勉強中。
画像を読み込んでアニメーションできたので書きます。

画像読み込み→
Bitmapクラスのインスタンスを作成して、
描画位置を指定してStageに追加。
↓
TweenJsでアニメーション

sample

<script src="http://code.createjs.com/easeljs-0.8.0.min.js"></script>
<script src="https://code.createjs.com/tweenjs-0.6.1.min.js"></script>

<script>
;(function(){

  document.addEventListener('DOMContentLoaded', function(){
    // stageつくる
    var canvas = document.getElementById('canvas');
    var stage = new createjs.Stage(canvas);

    // 画像配置
    var img = new createjs.Bitmap('img/1.jpg');
    img.x = 0; img.y = 0;
    stage.addChild(img);

    // 2秒かけてx1000の位置まで移動
    createjs.Tween.get(img, {loop:true}).to({x:1000,y:0}, 2000);

    // tick
    createjs.Ticker.setFPS(60);
    createjs.Ticker.addEventListener('tick', draw, false);
    function draw(){
        stage.update();
    }
  }, false);

})();
</script>