[tmlib.js]tmlib.jsでいい感じにaddChildしてみた

tmlib.jsでいい感じになる要素追加(addChild)方法

まずは普通にシーンへ要素を追加する方法。

tm.define("TestScene", {
    superClass: "tm.app.Scene",

    init: function () {
        this.superInit();

        // 矩形を描画する
        var shape = tm.display.RectangleShape(100,100)
            .setPosition(300,200);
        // シーンへ追加し、描画対象にする
        this.addChild(shape);
    },
});

チェーンメソッドでいい感じにする。jQueryライクですね。一時変数いらないし、直感的です。

tm.define("TestScene", {
    superClass: "tm.app.Scene",

    init: function () {
        this.superInit();

        // 矩形を描画する
        tm.display.RectangleShape(100,100)
            .setPosition(300,200);
            .addChildTo(this);
    },
});

きわめつけがこれ。

tm.define("TestScene", {
    superClass: "tm.app.Scene",

    init: function () {
        this.superInit();

        // 矩形を描画する
        this.fromJSON({
            children: {
                rect: {
                    type: "tm.display.RectangleShape",
                    init: [100,100],
                    x: 300,
                    y: 200,
                },
            },
        });
    },
});

もはやオブジェクトを作る感覚で、表示物を作成できます。コードもすっきりするし便利！

サンプルはここに置いてます。