enchant.jsでのゲーム作成。スロットみたいにグルグル

enchant.jsでゲーム作成することになりました。
が、わからないことだらけ。
とりあえず作成するゲームに必要なことを勉強中です。

まずは、スロットみたいに数字画像を回転しているように
見せるサンプル。
縦に1,2,1と並べた画像をimage.gifという名前で作成しています。


enchant();
window.onload = function() {
//ゲームオブジェクトの生成
var game = new Game(320, 320);
game.fps = 32;
game.preload ('image.gif');

game.onload = function() {
//サーフェイスの生成
var surface = new Surface(32, 32);
//回転させる数字画像
var numimg = game.assets['image.gif'];

//サーフェイスに1を描画
surface.draw(numimg, 0, 0, 32, 32, 0, 0, 32, 32);

//スプライトの生成
var sprite = new Sprite(32, 32);
sprite.image=surface;
sprite.x = 10;
sprite.y = 10;
game.rootScene.addChild(sprite);

sprite.tick = 0;
sprite.addEventListener(Event.ENTER_FRAME, function() {
sprite.tick += 8;
surface.draw(numimg, 0, sprite.tick, 32, 32, 0, 0, 32, 32);
sprite.image=surface;

if (sprite.tick == 64) {
sprite.tick = 0;
}
console.log("tick:"+sprite.tick);
});

};

//ゲームの開始
game.start();
};


32x32の画像を立てに3つ並べていて、徐々にずらして表示しています。
これが正解なのかどうかはわかりませんが、、、とりあえずやりたかった
ことはこれです。