■ゲーム名マークザッカーバーグ VS イーロンマスク ■ルール・インベーダーゲームみたいにしてほしい。・プレイヤーはライクアイコンを発射できる。プレイヤーは青年のアイコンであること。・いいねアイコンは丸い赤色のボタンを押すことで発射可能。右下に直径2cmほどの丸い赤色ボタンを配置。・敵はイーロンマスクの製品で、ロケットか車はランダム。・いいねがイーロンマスクの製品に当たったら、1ポイント。's game

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

No:5276

1284

←

Prev Next

→

■ゲーム名マークザッカーバーグ VS イーロンマスク ■ルール・インベーダーゲームみた..ALL
Developer User3819｜Date and time 23/6/29 21:55:20
Build time 35.757 sec｜Game capacity 3.85KB｜

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>マークザッカーバーグ VS イーロンマスク</title>
  <style>
    body {
      background-color: black;
    }
    #game-container {
      position: relative;
      width: 100%;
      height: 100vh;
    }
    #player {
      position: absolute;
      bottom: 10px;
      left: 50%;
      transform: translateX(-50%);
      font-size: 2em;
      color: blue;
    }
    .enemy {
      position: absolute;
      top: -20px;
    }
    .like-button {
      position: fixed;
      bottom: 10px;
      right: 10px;
      width: 50px;
      height: 50px;
      border-radius: 50%;
      background-color: red;
      color: white;
      font-size: 1.5em;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .point {
      position: fixed;
      top: 10px;
      right: 10px;
      color: white;
      font-size: 1.5em;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <div id="player">👦</div>
    <button class="like-button" onclick="shootLike()">👍</button>
    <span id="point" class="point">0</span>
  </div>
  
  <script>
    var gameContainer = document.getElementById("game-container");
    var player = document.getElementById("player");
    var point = document.getElementById("point");
    
    var score = 0;
    
    function shootLike() {
      var like = document.createElement("div");
      like.innerHTML = "👍";
      like.style.position = "absolute";
      like.style.bottom = "50px";
      like.style.left = player.offsetLeft + player.offsetWidth / 2 - 10 + "px";
      like.style.fontSize = "2em";

gameContainer.appendChild(like);
    }
    
    function isCollision(div1, div2) {
      var rect1 = div1.getBoundingClientRect();
      var rect2 = div2.getBoundingClientRect();
      return !(rect1.right < rect2.left || 
               rect1.left > rect2.right || 
               rect1.bottom < rect2.top || 
               rect1.top > rect2.bottom);
    }
    
    function createEnemy() {
      var enemy = document.createElement("div");
      var product = Math.random() < 0.5 ? "🚀" : "🚗";
      enemy.innerHTML = product;
      enemy.style.position = "absolute";
      enemy.style.top = "-20px";
      enemy.style.left = Math.random() * (gameContainer.offsetWidth - 20) + "px";
      enemy.style.color = "white";
      enemy.classList.add("enemy");
      
      var step = 5;
      var moveInterval = setInterval(function() {
        var top = enemy.offsetTop;
        top += step;
        if (top > gameContainer.offsetHeight) {
          clearInterval(moveInterval);
          gameContainer.removeChild(enemy);
        } else {
          enemy.style.top = top + "px";
          if (isCollision(player, enemy)) {
            clearInterval(moveInterval);
            gameContainer.removeChild(enemy);
            alert("ゲームオーバー！ スコア: " + score);
            location.reload();
          }
        }
      }, 50);

gameContainer.appendChild(enemy);
    }
    
    setInterval(createEnemy, 1500);
  </script>
</body>
</html>