8.7　パズルを作る（その１）

class Puzzle
{
    // メンバ変数
    var horizontalBlocks; // 横方向画像分割数
    var verticalBlocks; // 縦方向画像分割数
    var pieceWidth; // ピースの幅
    var pieceHeight; // ピースの高さ
    var remainingPieces; // 残っている(正しい位置に置かれていない)ピースの数
    var baseLayer; // 背景用レイヤ(グリッドを表示するためのレイヤ)
    var imageLayer; // 完成画像を読み込んでおくレイヤ
    var pieceLayers; // ピース用レイヤの配列(２次元配列)
    var storageOnCompletion; // パズルが完成した時にジャンプするシナリオファイル名
    var targetOnCompletion; // パズルが完成した時にジャンプするラベル名

    // コンストラクタ
    function Puzzle(elm)
    {
        // 背景用レイヤを作ります
        baseLayer = new Layer(kag, kag.fore.base);
        with(baseLayer)
        {
            .setImageSize(kag.fore.base.width, kag.fore.base.height); // 画像サイズを表画面の背景レイヤと同じサイズにします
            .setSizeToImageSize(); // レイヤの表示サイズを画像サイズに合わせます
            .fillRect(0, 0, .width, .height, 0x00000000); // 全体を透明色で塗りつぶします
            .hitThreshold = 256; // マウスメッセージを受け取らないようにします
            .visible = true; // 表示状態にします
        }

        // 完成画像を読み込んでおくためのレイヤを作ります
        imageLayer = new Layer(kag, baseLayer);
        imageLayer.loadImages(elm.image); // 完成画像を読み込みます

        // マクロの属性に指定されている設定項目をメンバ変数に保存しておきます
        horizontalBlocks = elm.hblock !== void ? +elm.hblock : 5;
        verticalBlocks = elm.vblock !== void ? +elm.vblock : 5;
        storageOnCompletion = elm.storage !== void ? elm.storage : "";
        targetOnCompletion = elm.target !== void ? elm.target : "";

        // 縦／横方向の分割数からピースの幅・高さ・総数を計算します
        pieceWidth = imageLayer.imageWidth \ horizontalBlocks;
        pieceHeight = imageLayer.imageHeight \ verticalBlocks;
        remainingPieces = horizontalBlocks * verticalBlocks;

        // 完成画像の左端・上端の位置を left, top にセットします
        var left = elm.left !== void ? +elm.left : (baseLayer.width - imageLayer.imageWidth) \ 2;
        var top = elm.top !== void ? +elm.top : (baseLayer.height - imageLayer.imageHeight) \ 2;

        // グリッドの色を gridColor にセットします
        var gridColor = elm.gridcolor !== void ? +elm.gridcolor : 0xFF000000;

        pieceLayers = new Array(); // ピース用レイヤの配列を作ります
        for(var y=0;y<verticalBlocks;y++)
        {
            pieceLayers[y] = new Array(); // ２次元配列を作ります
            for(var x=0;x<horizontalBlocks;x++)
            {
                // 左から x 番目、上から y 番目のピース(pieceLayers[x][y])の位置を計算して
                var pieceLeft = left + x * pieceWidth;
                var pieceTop = top + y * pieceHeight;
                // ピース用レイヤを作ります
                pieceLayers[y][x] = new PieceLayer(kag, baseLayer, pieceLeft, pieceTop, onDragStarted, onDragFinished);
                with(pieceLayers[y][x])
                {
                    .setImageSize(pieceWidth, pieceHeight); // レイヤの画像サイズを pieceWidth×pieceHeight に設定します
                    .setSizeToImageSize(); // レイヤの表示サイズを画像サイズに合わせます
                    // このピースに表示する画像を完成画像からコピーします
                    .copyRect(0, 0, imageLayer, x * pieceWidth, y * pieceHeight, pieceWidth, pieceHeight);
                    // 位置をランダムに設定します
                    .setPos(int (Math.random() * (kag.fore.base.width - pieceWidth)), int (Math.random() * (kag.fore.base.height - pieceHeight)));
                    .absolute = x + y * horizontalBlocks + 1; // 重ね合わせ順序を設定します
                    .visible = true; // 表示状態にします
                }
                // このピースの正しい位置を gridColor に設定されている色の枠で囲みます
                baseLayer.fillRect(pieceLeft, pieceTop, pieceWidth, 1, gridColor);
                baseLayer.fillRect(pieceLeft, pieceTop, 1, pieceHeight, gridColor);
                baseLayer.fillRect(pieceLeft + pieceWidth - 1, pieceTop, 1, pieceHeight, gridColor);
                baseLayer.fillRect(pieceLeft, pieceTop + pieceHeight - 1, pieceWidth, 1, gridColor);
            }
        }

        // 完成画像の領域を gridColor に設定されている色の枠で囲みます
        var width = pieceWidth * horizontalBlocks;
        var height = pieceHeight * verticalBlocks;
        baseLayer.fillRect(left - 1, top - 1, width + 2, 1, gridColor);
        baseLayer.fillRect(left - 1, top - 1, 1, height + 2, gridColor);
        baseLayer.fillRect(left + width, top - 1, 1, height + 2, gridColor);
        baseLayer.fillRect(left - 1, top + height, width + 2, 1, gridColor);

        // 右クリックでギブアップできるように右クリックフックを登録します
        kag.rightClickHook.add(onGiveUp);
    }
}