javascript - EaselJS は、ネストされた 3x3 for ループを 3 回繰り返した後、実行を停止します

Question

createjs.LoadQueue をロードしたタイルシートを使用して、単純なタイル システムを作成しています。タイルシート自体は正常に動作し、正しく読み込まれているようです。テストをシンプルにするために、次のようなクイック タイルを作成します。

var baseTile = new Array();
baseTile[0] = 0;
baseTile[1] = 1;
baseTile[2] = 2;
baseTile[4] = 4;
baseTile[5] = 5;
baseTile[6] = 6;
baseTile[7] = 7;
baseTile[8] = 8;
baseTile[9] = 9;

var i = 0;

for ( var y = 0; y < 3; y++) {
    for ( var x = 0; x < 3; x++) {
        // create a new Bitmap for each cell
        var sprite = new createjs.Sprite(tilesheet);
        sprite.gotoAndStop(baseTile[i]);

        sprite.x = x * 40;
        sprite.y = y * 40;

        // add bitmap to stage
        stage.addChild(sprite);
        i++;
        console.log(i);
    }
}

構造を構築するために、タイルの配列をループします。ただし、最初の上位 3 つのタイルのみを作成し、失敗して、「var スプライト」が見えなくなったかのように動作します。これが生成するエラーです: Uncaught TypeError: Cannot read property 'undefined' of null イーゼルjs-0.7.0.min.js:12

EaselJS 0.7.0 と Preloadjs 0.4.0 を使用しています。誰もこれに遭遇したことがありますか？