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

No:10961

107

←

Prev Next

→

Trading card game about cooking
Developer User4729｜Date and time 23/8/6 2:12:31
Build time 51.218 sec｜Game capacity 4.917KB｜

Script

料理カードゲーム

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>料理カードゲーム</title>
</head>
<body>
  <h1>料理カードゲーム</h1>

<button onclick="startGame()">ゲームを開始する</button>
  <div id="gameArea" style="display: none;">
    <h2>手持ちのカード</h2>
    <div id="hand"></div>

<h2>相手のカード</h2>
    <div id="opponent"></div>

<h2>場に出されたカード</h2>
    <div id="field"></div>

let playerHand = [];
    let opponentHand = [];
    let fieldCards = [];
    let turnCount = 1;

function startGame() {
      document.getElementById("gameArea").style.display = "block";

// プレイヤーと相手にカードを配布
      for (let i = 0; i < 5; i++) {
        playerHand.push(drawCard());
        opponentHand.push(drawCard());
      }

updateGameView();
    }

function drawCard() {
      const randomIndex = Math.floor(Math.random() * cards.length);
      return cards.splice(randomIndex, 1)[0];
    }

function playCard(cardIndex) {
      const selectedCard = playerHand[cardIndex];

// プレイヤーのカードを場に出す
      fieldCards.push(selectedCard);
      playerHand.splice(cardIndex, 1);

// 相手のランダムなカードを場に出す
      const randomIndex = Math.floor(Math.random() * opponentHand.length);
      const opponentCard = opponentHand.splice(randomIndex, 1)[0];
      fieldCards.push(opponentCard);

turnCount++;
      updateGameView();

// ゲーム終了条件を判定
      if (turnCount >= 5) {
        endGame();
      }
    }

function endGame() {
      let playerPower = 0;
      let opponentPower = 0;

// プレイヤーと相手のカードパワーを計算
      for (let card of fieldCards) {
        if (card.type === "料理") {
          playerPower += card.power;
        } else {
          opponentPower += card.power;
        }
      }

document.getElementById("result").textContent = result;
    }

function updateGameView() {
      document.getElementById("turnCount").textContent = turnCount;

const handDiv = document.getElementById("hand");
      handDiv.innerHTML = "";
      for (let i = 0; i < playerHand.length; i++) {
        const card = playerHand[i];
        const cardDiv = document.createElement("div");
        cardDiv.textContent = card.image;
        cardDiv.classList.add("card");
        cardDiv.onclick = () => playCard(i);
        handDiv.appendChild(cardDiv);
      }

const opponentDiv = document.getElementById("opponent");
      opponentDiv.innerHTML = "";
      for (let card of opponentHand) {
        const cardDiv = document.createElement("div");
        cardDiv.textContent = card.image;
        cardDiv.classList.add("card");
        opponentDiv.appendChild(cardDiv);
      }

const fieldDiv = document.getElementById("field");
      fieldDiv.innerHTML = "";
      for (let card of fieldCards) {
        const cardDiv = document.createElement("div");
        cardDiv.textContent = card.image;
        cardDiv.classList.add("card");
        fieldDiv.appendChild(cardDiv);
      }
    }
  </script>

料理カードゲーム

手持ちのカード

相手のカード

場に出されたカード

ターン数

勝敗結果