Hurry up with the appeasement of the howsk!!!! 🤬💢game's game | AI game creator

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

No:3629

1631

Hurry up with the appeasement of the howsk!!!! 🤬💢g..ALL
Developer どうスクのアプデ早くしろよ！🤬💢｜Date and time 23/6/25 22:44:43
Build time 41.165 sec｜Game capacity 4.261KB｜

タイトル：カードめくりゲームこのゲームは、スマホで遊べるカードめくりゲームです。カードをタップしてめくり、同じ種類のカードを2枚揃えるとカードが消えます。すべてのカードを消すと勝ちです。 JavaScriptを使用して、カードのめくりやカードの種類のランダムな配置を行います。また、勝利条件の判定もJavaScriptで行います。以下が実装例になります。

この例では、10種類の絵文字をランダムに2つずつ配置しています。カードをめくると、カードが表になります。同じ種類のカードを2枚揃えると、カードが消えます。すべてのカードを消すと勝ちになります。フリップするカードのインデックスは、flip()関数に渡されます。flippedCards配列に追加され、2枚のカードがめくられたかどうかを判定します。2枚めくられた場合、カードの種類を比較し、同じ種類であればカードを消します。それ以外の場合、カードを裏返して元の状態に戻します。勝利条件が満たされた場合、alertHisa()を使用して勝利メッセージを表示します。このゲームはスマホで簡単に遊ぶことができます。タップしてカードをめくるだけです。また、カードには絵文字が使用されているため、遊びながら楽しめます。

→ 　

0　

0　

[PR]現在のプレゼントランキング

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

(C)2023 HisashiApp

タイトル：カードめくりゲーム

このゲームは、スマホで遊べるカードめくりゲームです。カードをタップしてめくり、同じ種類のカードを2枚揃えるとカードが消えます。すべてのカードを消すと勝ちです。

JavaScriptを使用して、カードのめくりやカードの種類のランダムな配置を行います。また、勝利条件の判定もJavaScriptで行います。

以下が実装例になります。

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>カードめくりゲーム</title>
  <style>
    .card {
      padding: 10px;
      margin: 10px;
      width: 60px;
      height: 60px;
      background-color: white;
      border: 1px solid black;
      font-size: 48px;
      text-align: center;
      cursor: pointer;
    }
  </style>
  <script>
    var cards = ["🐶","🐱","🐻","🐷","🐸","🦊","🐥","🐘","🦁","🦄"];
    var shuffledCards = shuffle(cards.concat(cards));
    var flippedCards = [];
   
    function shuffle(array) {
      for (var i = array.length - 1; i > 0; i--) {
        var j = Math.floor(Math.random() * (i + 1));
        var temp = array[i];
        array[i] = array[j];
        array[j] = temp;
      }
      return array;
    }
    
    function flip(index) {
      if (flippedCards.length === 0) {
        flippedCards.push(index);
        document.querySelectorAll('.card')[index].textContent = shuffledCards[index];
      } else if (flippedCards.length === 1) {
        flippedCards.push(index);
        document.querySelectorAll('.card')[index].textContent = shuffledCards[index];
        if (shuffledCards[flippedCards[0]] === shuffledCards[flippedCards[1]]) {
          setTimeout(function() {
            document.querySelectorAll('.card')[flippedCards[0]].textContent = "";
            document.querySelectorAll('.card')[flippedCards[1]].textContent = "";
            flippedCards = [];
            if (document.querySelectorAll('.card:not(:empty)').length === 0) {
              alert("あなたの勝ちです！");
            }
          }, 1000);
        } else {
          setTimeout(function() {
            document.querySelectorAll('.card')[flippedCards[0]].textContent = "";
            document.querySelectorAll('.card')[flippedCards[1]].textContent = "";
            flippedCards = [];
          }, 1000);
        }
      }
    }
  </script>
</head>
<body>
  <div>
    <div class="card" onclick="flip(0)"></div>
    <div class="card" onclick="flip(1)"></div>
    <div class="card" onclick="flip(2)"></div>
    <div class="card" onclick="flip(3)"></div>
  </div>
  <div>
    <div class="card" onclick="flip(4)"></div>
    <div class="card" onclick="flip(5)"></div>
    <div class="card" onclick="flip(6)"></div>
    <div class="card" onclick="flip(7)"></div>
  </div>
  <div>
    <div class="card" onclick="flip(8)"></div>
    <div class="card" onclick="flip(9)"></div>
    <div class="card" onclick="flip(10)"></div>
    <div class="card" onclick="flip(11)"></div>
  </div>
  <div>
    <div class="card" onclick="flip(12)"></div>
    <div class="card" onclick="flip(13)"></div>
    <div class="card" onclick="flip(14)"></div>
    <div class="card" onclick="flip(15)"></div>
  </div>
</body>
</html>

この例では、10種類の絵文字をランダムに2つずつ配置しています。カードをめくると、カードが表になります。同じ種類のカードを2枚揃えると、カードが消えます。すべてのカードを消すと勝ちになります。

フリップするカードのインデックスは、flip()関数に渡されます。flippedCards配列に追加され、2枚のカードがめくられたかどうかを判定します。2枚めくられた場合、カードの種類を比較し、同じ種類であればカードを消します。それ以外の場合、カードを裏返して元の状態に戻します。勝利条件が満たされた場合、alert()を使用して勝利メッセージを表示します。

このゲームはスマホで簡単に遊ぶことができます。タップしてカードをめくるだけです。また、カードには絵文字が使用されているため、遊びながら楽しめます。