0

Phaser.js でゲームを開発しています

今、ゲームが始まる前に csv ファイルを解析し、そのために Papa Parse を使用する必要があります。csv ファイルには、Phaser のプリロード ステージのイメージ URL が含まれています。

私はそのようにしようとします：

function preload() {
    Papa.parse("http://localhost:9000/bad_images.csv", {
        download: true,
        complete: function(results) {
            i = 1;
            results.data.forEach(function(entry){
                bad_images.append(entry);
                bad_names.append("b" + i++);
            })
        }
    });

    Papa.parse("http://localhost:9000/good_images.csv", {
        download: true,
        complete: function(results) {
            i = 1;
            results.data.forEach(function(entry){
                good_images.append(entry);
                good_names.append("b" + i++);
            })
        }
    });

    for (var i = 0; i < good_images.length; ++i) {
        game.load.image(good_names[i], good_images[i]);
    }

    for (var i = 0; i < bad_images.length; ++i) {
        game.load.image(bad_names[i], bad_images[i]);
    }
}

ただし、その場合、パパが csv を解析する前に関数のプリロードが終了し、非同期になります。すべての関数を非同期ではなく順番に実行する方法は?

4

1 に答える 1

2

なぜ同期する必要があるのですか?

これを試して ：

function loadCSV(){
    Papa.parse("http://localhost:9000/bad_images.csv", {
        download: true,
        complete: function(results) {
            i = 1;
            results.data.forEach(function(entry){
                bad_images.append(entry);
                bad_names.append("b" + i++);
            });

            Papa.parse("http://localhost:9000/good_images.csv", {
                download: true,
                complete: function(results) {
                    i = 1;

                    results.data.forEach(function(entry){
                        good_images.append(entry);
                        good_names.append("b" + i++);
                    });

                    startGame(); // Start the game when the load is finished

                }
            });
         }
    });
}

function startGame(){ .... }


function preload() {
    for (var i = 0; i < good_images.length; ++i) {
        game.load.image(good_names[i], good_images[i]);
    }

    for (var i = 0; i < bad_images.length; ++i) {
        game.load.image(bad_names[i], bad_images[i]);
    }          
}
于 2015-01-05T13:35:35.283 に答える