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

No:11038

161

←

Prev Next

→

Godzilla
Developer User4714｜Date and time 23/8/7 0:03:52
Build time 32.248 sec｜Game capacity 3.959KB｜

Script

Sure, here's an example of a simple game called "Godzilla Attack" implemented as a single HTML file using JavaScript and enclosed in script tags. Note that this is a basic example and can be expanded upon to add more features, levels, or graphics.

Godzilla Attack

Score: 0

Game Over

In this simple game, you control a player represented by a blue rectangle using the left and right arrow keys on your smartphone. The goal is to avoid colliding with the Godzilla pictogram (represented by a background image) falling from the top of the screen. Your score increases by 1 point every second. If the player collides with Godzilla, the game ends and the "Game Over" message is displayed. Note: Make sure to replace the `emozi_cat.png` URL in the CSS with the actual path to your Godzilla pictogram image for it to be displayed correctly.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Godzilla Attack</title>
  <style>
    body {
      text-align: center;
      font-family: Arial, sans-serif;
    }

#gameContainer {
      width: 300px;
      margin: 0 auto;
      padding: 10px;
      border: 2px solid black;
      position: relative;
    }

#player {
      width: 50px;
      height: 50px;
      background-color: blue;
      position: absolute;
      bottom: 0;
      left: 0;
    }

#godzilla {
      width: 100px;
      height: 100px;
      background-image: url('godzilla.png');
      background-size: contain;
      position: absolute;
      top: 0;
      right: 0;
    }

#score {
      margin-top: 20px;
      font-size: 20px;
    }

#gameOver {
      display: none;
      font-size: 24px;
      color: red;
      margin-top: 20px;
    }
  </style>
</head>
<body>
  <h1>Godzilla Attack</h1>
  <div id="gameContainer">
    <div id="player"></div>
    <div id="godzilla"></div>
  </div>
  <div id="score">Score: 0</div>
  <div id="gameOver">Game Over</div>

// Initialize game
    function startGame() {
      player = document.getElementById('player');
      godzilla = document.getElementById('godzilla');
      score = 0;
      gameOver = false;
      document.getElementById('gameOver').style.display = 'none';

moveGodzilla();
      startScoreCounter();
    }

// Move player
    function movePlayer(e) {
      if (e.key === 'ArrowLeft') {
        player.style.left = Math.max(0, player.offsetLeft - 20) + 'px';
      } else if (e.key === 'ArrowRight') {
        player.style.left = Math.min(gameContainer.offsetWidth - player.offsetWidth, player.offsetLeft + 20) + 'px';
      }
    }

// Move Godzilla
    function moveGodzilla() {
      if (!gameOver) {
        const movement = Math.floor(Math.random() * 4) - 2;
        godzilla.style.top = godzilla.offsetTop + 20 + 'px';
        godzilla.style.right = Math.max(0, godzilla.offsetRight - movement * 20) + 'px';

// Check collision
        if (checkCollision()) {
          gameOver = true;
          document.getElementById('gameOver').style.display = 'block';
        } else {
          requestAnimationFrame(moveGodzilla);
        }
      }
    }

// Check collision between player and Godzilla
    function checkCollision() {
      const playerRect = player.getBoundingClientRect();
      const godzillaRect = godzilla.getBoundingClientRect();

return (
        playerRect.left <= godzillaRect.right &&
        playerRect.right >= godzillaRect.left &&
        playerRect.top <= godzillaRect.bottom &&
        playerRect.bottom >= godzillaRect.top
      );
    }

// Score counter
    function startScoreCounter() {
      setInterval(() => {
        if (!gameOver) {
          score++;
          document.getElementById('score').textContent = 'Score: ' + score;
        }
      }, 1000);
    }

// Event listeners
    document.addEventListener('keydown', movePlayer);
    window.addEventListener('DOMContentLoaded', startGame);
  </script>
</body>
</html>
```

Note: Make sure to replace the `godzilla.png` URL in the CSS with the actual path to your Godzilla pictogram image for it to be displayed correctly.