ループを使って画像を複数枚描画（THREE.ImageUtils.loadTexture）したい

Question

Three.jsを用いて，画像を描画しようとしています．
ローカルにある複数枚の画像をfor文を用いてループし，描画させたいのですが，最後の画像しか表示されません．

今書いているコードは以下の通りです．
（コード全体が長いので，多少省略しています）

var spriteImage = [];

for(var i in array) {
    var imageUrl = array[i].ImageURL; 
    THREE.ImageUtils.loadTexture(imageUrl, undefined, function(texture) {
        var materialImg = new THREE.SpriteMaterial({map: texture, color: 0xFFFFFF});
        var w = texture.image.width, h = texture.image.height;
        spriteImage[i] = new THREE.Sprite(materialImg);
        spriteImage[i].position.set(ObjX-30, ObjY+30, ObjZ+30);
        spriteImage[i].scale.set(w*0.3, h*0.3, 0.3);
        scene.add(spriteImage[i]);
    });
}

arrayにはいくつかのデータが入っており，そのなかのImageURLに画像のURLを格納しています．

function内の処理が行われるのが，for文の処理が行われた後になるため最後の画像しか描画されない，ということは理解したのですが，
これをどのように書き換えれば，複数枚を描画できるかわからず悩んでいます．

ImageUtilsを使用しない方法でもかまいませんので，画像をループで描画する方法を知りたいです．

ご教示の程宜しくお願いいたします．

Answer 1

---