Section 4.9　マクロを作る（その２）

var foreVisible, backVisible;  // 表／裏画面用のレイヤが表示されているか
var foreMonth, backMonth;      // 表／裏画面用のレイヤに設定されている月
var foreDay, backDay;          // 表／裏画面用のレイヤに設定されている日

// レイヤに日付を書き込みます
function drawDate(fore = true)
{
    var layer;  // 書き込むレイヤ
    var month, day;  // 月と日の値

    if(fore)
    {
        // fore が true なら
        layer = foreLay;    // 表画面のレイヤに
        month = foreMonth;  // 表画面用に設定されている月と
        day = foreDay;      // 表画面用に設定されている日の値を書き込みます
    }
    else
    {
        // fore が false なら
        layer = backLay;    // 裏画面のレイヤに
        month = backMonth;  // 裏画面用に設定されている月と
        day = backDay;      // 裏画面用に設定されている日の値を書き込みます
    }

    // 以下レイヤに文字を書き込みます
    drawChar(layer, month \ 10, 0);          // 月の10の位
    drawChar(layer, month % 10, chWidth);    // 月の１の位
    drawChar(layer, 10, chWidth * 2);        // ／（スラッシュ）
    drawChar(layer, day \ 10, chWidth * 3);  // 日の10の位
    drawChar(layer, day % 10, chWidth * 4);  // 日の１の位
}

function setOptions(elm)
{
    var fore;  // 表画面のレイヤを設定する場合は true、裏画面の場合は false
    if(elm.page === void || elm.page == "fore")
        fore = true;  // page 属性が省略されているか "fore" が指定されていれば表画面の設定を行います
    else if(elm.page == "back")
        fore = false;  // page 属性に "back" が指定されていれば、裏画面の設定を行います
    else
        return;  // page 属性値が不正です

    // visible 属性が指定されていればレイヤの visible を設定します
    if(elm.forevisible !== void)
    {
        if(fore)
            foreVisible = foreLay.visible = +elm.visible;
        else
            backVisible = backLay.visible = +elm.visible;
    }

    // left が設定されていればレイヤの left (左端の位置)を設定します
    if(elm.left !== void)
        (fore ? foreLay.left : backLay.left) = +elm.left;

    // top が設定されていればレイヤの top (上端の位置)を設定します
    if(elm.top !== void)
        (fore ? foreLay.top : backLay.top) = +elm.top;

    var dateChanged = false;  // 日付が設定されたか

    // month が設定されていれば日付（月）を設定します
    if(elm.month !== void)
    {
        (fore ? foreMonth : backMonth) = +elm.month;
        dateChanged = true;
    }

    // day が設定されていれば日付（日）を設定します
    if(elm.day !== void)
    {
        (fore ? foreDay : backDay) = +elm.day;
        dateChanged = true;
    }

    if(dateChanged)  // 日付が設定されている場合は drawDate メソッドを呼び出します
        drawDate(fore);
}

function onCopyLayer(toback)
{
    if(toback)
    {
        // 表画面の内容が裏画面にコピーされます
        backLay.assignImages(foreLay);  // backLay に foreLay の内容をコピーします（画像を共有します）
        backLay.setPos(foreLay.left, foreLay.top);  // backLay の位置を foreLay の位置に合わせます
        backLay.visible = foreLay.visible;  // backLay の表示状態を foreLay の表示状態に合わせます
        // 表画面のレイヤの設定をコピーします
        backVisible = foreVisible;
        backMonth = foreMonth;
        backDay = foreDay;
    }
    else
    {
        // 裏画面の内容が表画面にコピーされます
        foreLay.assignImages(backLay);  // foreLay に backLay の内容をコピーします（画像を共有します）
        foreLay.setPos(backLay.left, backLay.top);  // foreLay の位置を backLay の位置に合わせます
        foreLay.visible = backLay.visible;  // foreLay の表示状態を backLay の表示状態に合わせます
        // 裏画面のレイヤの設定をコピーします
        foreVisible = backVisible;
        foreMonth = backMonth;
        foreDay = backDay;
    }
}

function onExchangeForeBack()
{
    foreLay <-> backLay;  // 表画面用レイヤと裏画面用レイヤの参照を入れ替えます
    // 表画面のレイヤの設定と裏画面のレイヤの設定を入れ替えます
    foreVisible <-> backVisible;
    foreMonth <-> backMonth;
    foreDay <-> backDay;
}