2019.2.28

[Cocos Creator]ローカルのJSONファイル読み込み

RinEvangile

スタッフブログ

はるniでプログラマーをしているRinEvangileです。

今回は、Cocos CreatorでのJSONファイルの読み込みについて書きたいと思います。

使用するCocos Creatorのバージョンは「2.1.0」です。

結論から言うと、以下のように書くとローカルのJSONを読み込めます。

    onLoad: function () {
        var jsonPath = "json/environment";
        cc.loader.loadRes(jsonPath, function(error, result) {
            if (error) {
                cc.log("エラー");
                return;
            }
            cc.log(result.json);
        });
    },

onLoad: function () {

var jsonPath = "json/environment";

cc.loader.loadRes(jsonPath, function(error, result) {

if (error) {

cc.log("エラー");

return;

}

cc.log(result.json);

});

JSONファイルは「assets/resources」フォルダ以下に配置してください。

今回の場合は、「assets/resources/json/environment.json」になっています。

元々、以下の方法でJSONファイルを読み込んでいました。

    onLoad: function () {
        var jsonPath = "resources/json/environment.json";
        cc.loader.load(cc.url.raw(jsonPath), function(error, result) {
            if (error) {
                cc.log("エラー");
                return;
            }
            cc.log(result.json);
        });
    }

onLoad: function () {

var jsonPath = "resources/json/environment.json";

cc.loader.load(cc.url.raw(jsonPath), function(error, result) {

if (error) {

cc.log("エラー");

return;

}

cc.log(result.json);

});

}

ただ、この方法でもJSON読み込むことは出来るのですが、ビルドした時だけ読み込めずにエラーになります。

※Cocos Creator上での実行は成功します。

以上、短いですが、

参考なれば嬉しいです。