tmlib.jsのバージョン0.3にて画像や音をロードする際に、tm.scene.LoadingScene
を利用していますがtm.scene.LoadingScene
を使わず動的にアセットを読み込む方法を教えてください。よろしくお願いします。
1 件の回答
tm.asset.Loader#load()
にて動的に読み込むことができます。
tm.scene.LoadingScene
の実装もtm.asset.Loader
でリソースを読み込ませている間に、ヒヨコを回転させているだけだったりします。
以下、あまり実用的ではないですがコード例です。
tm.define("HogeScene", {
superClass : "tm.app.Scene",
init : function() {
this.superInit();
// LoadingSceneで読み込んだ画像を表示
this.sprite = tm.display.Sprite("initial",200,200);
this.sprite.setPosition(100, 100);
this.addChild(this.sprite);
var self = this;
this.addEventListener("pointingend", function(e) {
// タッチイベント時にtm.asset.Loader()で読み込み
var loader = tm.asset.Loader();
loader.onload = function() {
self.sprite2 = tm.display.Sprite("dynamic",200,200);
self.sprite2.setPosition(300, 100);
self.addChild(self.sprite2);
};
loader.load({
"dynamic":"dynamic.png",
});
});
},
アセットとして利用可能になるのはonload
の後になります。非同期処理によってコードの見通しが悪くなる可能性がありますのでご注意下さい。
LoadingScene
を利用せず、アセットとして管理されるリソースを読み込む方法を知りたいということでしょうか。tm.asset.Loader
で可能かと思いますが、この辺り0.2.0で大きく変わっているので、利用されているtmlib.js
のバージョンを明記した方が答えやすいと思われます。