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

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

No:5280

1374

←

Prev Next

→

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

Script

これは仕様の一例です。以下のコードをHTMLファイルに実装して、ブラウザ上で遊ぶことができます。JavaScriptは``タグで囲まれています。 <br><br> <br> <style> #player { position: absolute; left: 50%; bottom: 20px; transform: translateX(-50%); } .like-icon { position: absolute; width: 30px; height: 30px; border-radius: 50%; background-color: red; } .rocket-icon { position: absolute; width: 30px; height: 30px; background-color: gray; } .car-icon { position: absolute; width: 30px; height: 30px; background-color: blue; } </style>

このコードはマークザッカーバーグ（プレイヤー）が青いいいねアイコンを発射して、ランダムな製品アイコン（ロケットまたは車）に当たった場合にスコアが加算されるゲームです。プレイヤーは左右に移動し、スペースキーまたはエンターキーを押していいねアイコンを発射します。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

これは仕様の一例です。以下のコードをHTMLファイルに実装して、ブラウザ上で遊ぶことができます。JavaScriptは`<script>`タグで囲まれています。

```html
<!DOCTYPE html>
<html>
<head>
  <title>マークザッカーバーグ VS イーロンマスク</title>
  <style>
    #player {
      position: absolute;
      left: 50%;
      bottom: 20px;
      transform: translateX(-50%);
    }
    
    .like-icon {
      position: absolute;
      width: 30px;
      height: 30px;
      border-radius: 50%;
      background-color: red;
    }
    
    .rocket-icon {
      position: absolute;
      width: 30px;
      height: 30px;
      background-color: gray;
    }
    
    .car-icon {
      position: absolute;
      width: 30px;
      height: 30px;
      background-color: blue;
    }
  </style>
</head>
<body>
  <script>
    const playerSpeed = 10;
    const bulletSpeed = 5;
    const enemySpeed = 3;
    let score = 0;

function getRandomPosition(max) {
      return Math.floor(Math.random() * max);
    }

function createEnemy() {
      const enemyType = Math.random() < 0.5 ? 'rocket' : 'car';
      const enemy = document.createElement('div');
      enemy.classList.add('rocket-icon', enemyType + '-icon');
      enemy.style.left = getRandomPosition(window.innerWidth - 30) + 'px';
      enemy.style.top = '-30px';
      document.body.appendChild(enemy);
      return { element: enemy, type: enemyType };
    }

function updateScore() {
      const scoreElement = document.getElementById('score');
      scoreElement.textContent = `Score: ${score}`;
    }

function checkCollision(enemy) {
      const player = document.getElementById('player');
      const playerRect = player.getBoundingClientRect();
      const enemyRect = enemy.getBoundingClientRect();
      return (
        playerRect.top <= enemyRect.bottom &&
        playerRect.bottom >= enemyRect.top &&
        playerRect.left <= enemyRect.right &&
        playerRect.right >= enemyRect.left
      );
    }

function shootLikeIcon() {
      const bullet = document.createElement('div');
      bullet.classList.add('like-icon');
      bullet.style.left = getPlayerPosition().left + 'px';
      bullet.style.top = getPlayerPosition().top + 'px';
      document.body.appendChild(bullet);

function moveBullet() {
        const top = parseInt(bullet.style.top, 10);
        if (top <= 0) {
          bullet.remove();
          return;
        }
        bullet.style.top = top - bulletSpeed + 'px';
        window.requestAnimationFrame(moveBullet);
      }

window.requestAnimationFrame(moveBullet);
    }

function getPlayerPosition() {
      const player = document.getElementById('player');
      const playerRect = player.getBoundingClientRect();
      return {
        left: playerRect.left + playerRect.width / 2 - 15,
        top: playerRect.top
      };
    }

function startGame() {
      const player = document.createElement('div');
      player.id = 'player';
      player.classList.add('like-icon');
      document.body.appendChild(player);

window.addEventListener('keydown', handleKeyPress);

setInterval(() => {
        const enemy = createEnemy();
        setInterval(moveEnemies, 10);
      }, 1000);
      
      updateScore();
    }

window.onload = startGame;
  </script>
  <h1 id="score"></h1>
</body>
</html>
```