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

No:5277

1482

←

Prev Next

→

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

Script

下記のコードは、HTMLファイルに実装されたマークザッカーバーグVSイーロンマスクというインベーダーゲームの一部です。

Score: 0

このコードは、HTMLの``内にプレイヤーやいいねボタンの要素を作成し、キーボード操作や時間経過によってそれらの要素を動かすと同時に衝突判定も行います。衝突時にスコアが増加し、いいねボタンに衝突した場合はゲームオーバーとなり、スコアが表示されます。ご希望のゲームの一部を再現したものですが、詳細や実行環境によって動作が異なる可能性があります。必要に応じて修正やカスタマイズを行ってください。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

下記のコードは、HTMLファイルに実装されたマークザッカーバーグVSイーロンマスクというインベーダーゲームの一部です。

```html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>マークザッカーバーグ VS イーロンマスク</title>
    <style>
      #player {
        position: absolute;
        bottom: 10px;
        left: 50%;
        width: 20px;
        height: 20px;
        transform: translateX(-50%);
        background-color: blue;
      }

#likeButton {
        position: fixed;
        bottom: 10px;
        right: 10px;
        width: 40px;
        height: 40px;
        background-color: red;
        border-radius: 50%;
      }

.product {
        position: absolute;
        top: 0;
        left: 0;
        width: 20px;
        height: 20px;
        background-color: orange;
      }
    </style>
  </head>
  <body>
    <script>
      const playerSpeed = 5;
      const likeButtonSpeed = 10;
      const productSpeed = 3;
      const screenWidth = window.innerWidth;
      const screenHeight = window.innerHeight;

let score = 0;
      let isGameOver = false;

function updateScore() {
        document.getElementById('score').innerText = 'Score: ' + score;
      }

function createPlayer() {
        const player = document.createElement('div');
        player.id = 'player';
        document.body.appendChild(player);
        return player;
      }

function createLikeButton() {
        const likeButton = document.createElement('div');
        likeButton.id = 'likeButton';
        document.body.appendChild(likeButton);
        return likeButton;
      }

function createProduct() {
        const product = document.createElement('div');
        product.className = 'product';
        document.body.appendChild(product);
        return product;
      }

function moveLikeButton() {
        const likeButton = document.getElementById('likeButton');
        let y = Number(likeButton.style.top.replace('px', ''));
        y += likeButtonSpeed;
        if (y > screenHeight) {
          y = 0;
        }
        likeButton.style.top = y + 'px';
      }

function gameOver() {
        isGameOver = true;
        alert('Game Over\nScore: ' + score);
        location.reload();
      }

function startGame() {
        const player = createPlayer();
        const likeButton = createLikeButton();
        setInterval(moveLikeButton, 50);
        document.addEventListener('keydown', movePlayer);
        setInterval(checkCollision, 50);

if (!isGameOver) {
          setInterval(function() {
            const product = createProduct();
            const x = Math.random() * (screenWidth - 20);
            product.style.left = x + 'px';
            setInterval(moveProduct, 50, product);
          }, 3000);
        }
      }

startGame();
    </script>
    <h1 id="score">Score: 0</h1>
  </body>
</html>
```

このコードは、HTMLの`<body>`内にプレイヤーやいいねボタンの要素を作成し、キーボード操作や時間経過によってそれらの要素を動かすと同時に衝突判定も行います。衝突時にスコアが増加し、いいねボタンに衝突した場合はゲームオーバーとなり、スコアが表示されます。

ご希望のゲームの一部を再現したものですが、詳細や実行環境によって動作が異なる可能性があります。必要に応じて修正やカスタマイズを行ってください。