Click here for free DL of the app version that can save data.

No:3652

2442

←

Prev Next

→

daemon core
Developer User3722｜Date and time 23/6/26 0:13:31
Build time 73.436 sec｜Game capacity 7.053KB｜

Script

【デーモンコア(パズルゲーム)】

デーモンコア (パズルゲーム)

ゴール: 全部のピースを繋ぎ合わせ、デーモンコアを復活させよう!

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

Click here for free DL of the app version that can save data.

【デーモンコア(パズルゲーム)】

<html>
  <head>
    <title>デーモンコア</title>
    <meta charset="UTF-8">
  </head>
  <body>
    <h1>デーモンコア (パズルゲーム)</h1>
    <h3>ゴール: 全部のピースを繋ぎ合わせ、デーモンコアを復活させよう!</h3>
    
    <div id="game-area">
      <canvas id="game-board" width="300" height="300"></canvas>
    </div>
    
    <script>
      // キャンバス要素の取得
      var canvas = document.getElementById("game-board");
      var ctx = canvas.getContext("2d");
      
      // ゲームボードのサイズとピースの情報
      var boardSize = 300;
      var blockSize = boardSize / 5;
      var pieces = [
        {x:0, y:0, connections:["down", "right"]},
        {x:1, y:0, connections:["down", "left", "right"]},
        {x:2, y:0, connections:["down", "left", "right"]},
        {x:3, y:0, connections:["down", "left", "right"]},
        {x:4, y:0, connections:["down", "left"]},
        {x:0, y:1, connections:["up", "down", "right"]},
        {x:1, y:1, connections:["up", "down", "left", "right"]},
        {x:2, y:1, connections:["up", "down", "left", "right"]},
        {x:3, y:1, connections:["up", "down", "left", "right"]},
        {x:4, y:1, connections:["up", "down", "left"]},
        {x:0, y:2, connections:["up", "down", "right"]},
        {x:1, y:2, connections:["up", "down", "left", "right"]},
        {x:2, y:2, connections:["up", "down", "left", "right"]},
        {x:3, y:2, connections:["up", "down", "left", "right"]},
        {x:4, y:2, connections:["up", "down", "left"]},
        {x:0, y:3, connections:["up", "down", "right"]},
        {x:1, y:3, connections:["up", "down", "left", "right"]},
        {x:2, y:3, connections:["up", "down", "left", "right"]},
        {x:3, y:3, connections:["up", "down", "left", "right"]},
        {x:4, y:3, connections:["up", "down", "left"]},
        {x:0, y:4, connections:["up", "right"]},
        {x:1, y:4, connections:["up", "left", "right"]},
        {x:2, y:4, connections:["up", "left", "right"]},
        {x:3, y:4, connections:["up", "left", "right"]},
        {x:4, y:4, connections:["up", "left"]}
      ];
      
      // 初期状態のピースをランダムに並べる
      shuffleArray(pieces);
      
      // キャンバスクリック時の処理
      canvas.addEventListener("click", function(event) {
        var rect = canvas.getBoundingClientRect();
        var x = event.clientX - rect.left;
        var y = event.clientY - rect.top;
        
        // クリックされたピースの位置を計算する
        var pieceX = Math.floor(x / blockSize);
        var pieceY = Math.floor(y / blockSize);
        
        // クリックされたピースのIndexを取得する
        var pieceIndex = getPieceIndex(pieceX, pieceY);
        if(pieceIndex == null) {
          return;
        }
        
        // クリックされたピースの角度を変更する
        var piece = pieces[pieceIndex];
        var connections = piece.connections;
        var temp = connections[0];
        connections[0] = connections[1];
        connections[1] = connections[2];
        connections[2] = temp;
        
        // ピースが繋がっていれば、繋がっているピースも角度を変更する
        for(var i=0; i<pieces.length; i++) {
          if(pieceIndex == i) {
            continue;
          }
          
          var otherPiece = pieces[i];
          if(otherPiece.x == piece.x && otherPiece.y == piece.y - 1 && otherPiece.connections.indexOf("down") >= 0 && connections.indexOf("up") >= 0) {
            rotatePiece(i);
          } else if(otherPiece.x == piece.x && otherPiece.y == piece.y + 1 && otherPiece.connections.indexOf("up") >= 0 && connections.indexOf("down") >= 0) {
            rotatePiece(i);
          } else if(otherPiece.y == piece.y && otherPiece.x == piece.x - 1 && otherPiece.connections.indexOf("right") >= 0 && connections.indexOf("left") >= 0) {
            rotatePiece(i);
          } else if(otherPiece.y == piece.y && otherPiece.x == piece.x + 1 && otherPiece.connections.indexOf("left") >= 0 && connections.indexOf("right") >= 0) {
            rotatePiece(i);
          }
        }
        
        // ゲームのクリア判定
        var clear = true;
        for(var i=0; i<pieces.length; i++) {
          var piece = pieces[i];
          if(piece.connections.indexOf("up") < 0 || piece.connections.indexOf("down") < 0 || piece.connections.indexOf("left") < 0 || piece.connections.indexOf("right") < 0) {
            clear = false;
            break;
          }
        }
        
        if(clear) {
          alert("おめでとう！デーモンコア復活！");
        }
        
        // ゲーム画面を再描画する
        drawGameBoard();
      });
      
      // ピースのIndexを取得する関数
      function getPieceIndex(x, y) {
        for(var i=0; i<pieces.length; i++) {
          var piece = pieces[i];
          if(piece.x == x && piece.y == y) {
            return i;
          }
        }
        return null;
      }
      
      // ピースをランダムにシャッフルする関数
      function shuffleArray(arr) {
        for(var i=0; i<arr.length; i++) {
          var j = getRandomInt(arr.length - i) + i;
          var temp = arr[i];
          arr[i] = arr[j];
          arr[j] = temp;
        }
      }
      
      // 0 ~ range-1 までのランダムな整数を生成する関数
      function getRandomInt(range) {
        return Math.floor(Math.random() * range);
      }
      
      // ピースの角度を変更する関数
      function rotatePiece(index) {
        var piece = pieces[index];
        var connections = piece.connections;
        var temp = connections[2];
        connections[2] = connections[1];
        connections[1] = connections[0];
        connections[0] = temp;
      }
      
      // ゲーム画面を描画する関数
      function drawGameBoard() {
        // ゲームボードの背景を描画する
        ctx.fillStyle = "#AAAAAA";
        ctx.fillRect(0, 0, boardSize, boardSize);
        
        // ピースを描画する
        ctx.fillStyle = "#FF0000";
        for(var i=0; i<pieces.length; i++) {
          var piece = pieces[i];
          var x = piece.x * blockSize;
          var y = piece.y * blockSize;
          ctx.save();
          ctx.translate(x + blockSize / 2, y + blockSize / 2);
          var angle;
          if(piece.connections[0] == "up") {
            angle = 0;
          } else if(piece.connections[0] == "left") {
            angle = Math.PI / 2;
          } else if(piece.connections[0] == "down") {
            angle = Math.PI;
          } else {
            angle = -Math.PI / 2;
          }
          ctx.rotate(angle);
          ctx.fillRect(-blockSize / 2, -blockSize / 2, blockSize, blockSize);
          ctx.restore();
        }
      }
      
      // ゲーム画面を初期化する
      drawGameBoard();
    </script>
  </body>
</html>