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

No:3023

320

←

Prev Next

→

Euron vs. Zuckerberg
Developer User3494｜Date and time 23/6/23 12:34:56
Build time 35.691 sec｜Game capacity 4.529KB｜

Script

イーロンVSザッカーバーグ

クリックしてスタート

このアプリは「イーロンVSザッカーバーグ」というタイトルのゲームです。遊ぶ方法は簡単で、クリックまたはタッチしてスタートします。プレイヤーが操作するのは、ロケットの位置だけです。ロケットは左右に自由に動かすことができます。上に落ちてくるのは、ザッカーバーグの頭のようなブロックです。プレイヤーがロケットとブロックが重なってしまうと、ゲームオーバーです。ブロックがロケットを避けて画面の下に消えたら、スコアが1点加算されます。スコアは画面上部に表示されます。ゲームオーバーになった時に、その時までのスコアがアラートで表示されます。楽しんで遊んでください！ 🚀💥😎

←

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">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>イーロンVSザッカーバーグ</title>
    <style>
      body {
        font-family: Arial, sans-serif;
        text-align: center;
        background-color: #3d3d3d;
        color: white;
      }
      #game {
        width: 90%;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
      }
      #score {
        font-size: 48px;
        margin-bottom: 20px;
      }
      #board {
        width: 100%;
        height: 400px;
        background-color: #d8d8d8;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
      }
      #rocket {
        width: 100px;
        height: 150px;
        position: absolute;
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);
        background-image: url('🚀');
        background-repeat: no-repeat;
        background-size: contain;
      }
      .block {
        width: 80px;
        height: 80px;
        background-color: #ff5c5c;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: -80px;
      }
    </style>
  </head>
  <body>
    <div id="game">
      <h1>イーロンVSザッカーバーグ</h1>
      <p>クリックしてスタート</p>
      <div id="score"></div>
      <div id="board"></div>
      <div id="rocket"></div>
    </div>
    <script>
      let score = 0;
      let isPlaying = false;
      const board = document.getElementById('board');
      const rocket = document.getElementById('rocket');

function startGame() {
        if (isPlaying) return;
        isPlaying = true;
        score = 0;
        document.getElementById('score').textContent = score;
        createBlock();
        moveBlock();
      }

function moveRocket(event) {
        if (!isPlaying) return;
        rocket.style.left = `${event.touches[0].clientX - board.offsetLeft - rocket.offsetWidth / 2}px`;
      }

document.addEventListener('click', startGame);
      document.addEventListener('touchstart', startGame);
      document.addEventListener('touchmove', moveRocket);
    </script>
  </body>
</html>