Section 3.2　レイヤを作る

class SimpleWindow extends Window
{
    // コンストラクタ
    function SimpleWindow()
    {
        super.Window();  // スーパークラスのコンストラクタを呼び出します

        // プライマリレイヤを作ってウィンドウに管理してもらいます
        add(new Layer(this, null));

        // ※これ以降プライマリレイヤは primaryLayer プロパティで参照できます

        // プライマリレイヤのサイズをウィンドウのクライアント領域のサイズに合わせます
        primaryLayer.setSize(innerWidth, innerHeight);

        visible = true;  // ウィンドウを表示状態にします
    }

    // デストラクタ：スーパークラスのデストラクタを呼び出します
    function finalize()
    {
        super.finalize();
    }
}  // SimpleWindow クラスの定義はここまで

var win = new SimpleWindow();  // ウィンドウを作ります

class SimpleWindow extends Window
{
    var layer1, layer2;  // メンバ変数：２つともレイヤです

    // コンストラクタ
    function SimpleWindow()
    {
        super.Window();  // スーパークラスのコンストラクタを呼び出します

        setInnerSize(200, 150);  // innerWidth を 200, innerHeight を 150 に設定します

        add(new Layer(this, null));
        primaryLayer.setSize(innerWidth, innerHeight);

        // layer1 を作ります
        layer1 = new Layer(this, primaryLayer);
        add(layer1);
        // 親レイヤ(プライマリレイヤ)の左上の位置に表示します。サイズは 120×90 です
        layer1.setPos(0, 0, 120, 90);
        // 薄い青色(不透明度=255, R=192, G=192, B=255)でレイヤ全体を塗りつぶします
        layer1.fillRect(0, 0, layer1.width, layer1.height, 0xFFC0C0FF);
        layer1.visible = true;

        // layer2 を作ります
        layer2 = new Layer(this, primaryLayer);
        add(layer2);
        // 親レイヤ(プライマリレイヤ)の左上から右に 60 ピクセル、下に 45 ピクセルの位置に表示します。サイズは 120×90 です
        layer2.setPos(60, 45, 120, 90);
        // 薄い赤色(不透明度=255, R=255, G=192, B=192)でレイヤ全体を塗りつぶします
        layer2.fillRect(0, 0, layer2.width, layer2.height, 0xFFFFC0C0);
        layer2.visible = true;

        caption = "赤と青は兄弟です";
        visible = true;
    }

    // デストラクタ：スーパークラスのデストラクタを呼び出します
    function finalize()
    {
        super.finalize();
    }
}  // SimpleWindow クラスの定義はここまで

var win = new SimpleWindow();  // ウィンドウを作ります

class SimpleWindow extends Window
{
    var layer1, layer2;  // メンバ変数：２つともレイヤです

    // コンストラクタ
    function SimpleWindow()
    {
        super.Window();  // スーパークラスのコンストラクタを呼び出します

        setInnerSize(200, 150);  // innerWidth を 200, innerHeight を 150 に設定します

        add(new Layer(this, null));
        primaryLayer.setSize(innerWidth, innerHeight);

        // layer1 を作ります
        layer1 = new Layer(this, primaryLayer);
        add(layer1);
        // 親レイヤ(プライマリレイヤ)の左上の位置に表示します。サイズは 120×90 です
        layer1.setPos(0, 0, 120, 90);
        // 薄い青色(不透明度=255, R=192, G=192, B=255)でレイヤ全体を塗りつぶします
        layer1.fillRect(0, 0, layer1.width, layer1.height, 0xFFC0C0FF);
        layer1.visible = true;

        // layer1 の子レイヤとして layer2 を作ります
        layer2 = new Layer(this, layer1);
        add(layer2);
        // 親レイヤ(プライマリレイヤ)の左上から右に 60 ピクセル、下に 45 ピクセルの位置に表示します。サイズは 120×90 です
        layer2.setPos(60, 45, 120, 90);
        // 薄い赤色(不透明度=255, R=255, G=192, B=192)でレイヤ全体を塗りつぶします
        layer2.fillRect(0, 0, layer2.width, layer2.height, 0xFFFFC0C0);
        layer2.visible = true;

        caption = "青は赤の親です";
        visible = true;
    }

    // デストラクタ：スーパークラスのデストラクタを呼び出します
    function finalize()
    {
        super.finalize();
    }
}  // SimpleWindow クラスの定義はここまで

var win = new SimpleWindow();  // ウィンドウを作ります

class SimpleWindow extends Window
{
    var layer1, layer2;  // メンバ変数：２つともレイヤです

    function SimpleWindow()
    {
        // 中略

        layer1.left += 50;  // ←この行を追加
        caption = "青は赤の親です";
        visible = true;
    }

    // 以下略
}

var win = new SimpleWindow();  // ウィンドウを作ります