GoodvsEvil, Action, Adventure, Third-person simulator.'s game

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

No:34930

←

Prev Next

→

GoodvsEvil, Action, Adventure, Third-person simula..ALL
Developer User16390｜Date and time 24/1/12 19:31:51
Build time 10.604 sec｜Game capacity 2.693KB｜

Script

Sure, here's an example of a simple game called "Good vs Evil" implemented as a single HTML file:

This game is a simple simulator where the player (represented by a blue rectangle) tries to avoid colliding with the enemy (represented by a red rectangle). The player can control the movement of their character using the arrow keys on the smartphone. When a collision occurs, the game is reset and an alert message appears saying "Game Over!". The game is enclosed in script tags and can be played directly in a web browser by opening the HTML file. Please note that this example is meant to provide a basic framework and can be expanded upon with additional features, levels, and graphics to create a more engaging and complex game.

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

Sure, here's an example of a simple game called "Good vs Evil" implemented as a single HTML file:

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Good vs Evil Game</title>
  <style>
    canvas {
      display: block;
    }
  </style>
</head>
<body>
  <script>
    // Game code goes here

// Enclose the game code within script tags

(function() {
      // Canvas setup
      const canvas = document.createElement('canvas');
      const context = canvas.getContext('2d');
      canvas.width = window.innerWidth;
      canvas.height = window.innerHeight;
      document.body.appendChild(canvas);

// Player setup
      const player = {
        x: 100,
        y: canvas.height - 100,
        width: 50,
        height: 50,
        color: 'blue',
        speed: 5,
      };

// Enemy setup
      const enemy = {
        x: canvas.width - 150,
        y: canvas.height - 100,
        width: 50,
        height: 50,
        color: 'red',
        speed: 5,
      };

// Game loop function
      function gameLoop() {
        // Update
        player.x += player.speed;
        enemy.x -= enemy.speed;

// Check collision
        if (player.x + player.width > enemy.x &&
            player.x < enemy.x + enemy.width &&
            player.y + player.height > enemy.y &&
            player.y < enemy.y + enemy.height) {
          // Game over
          alert('Game Over!');
          resetGame();
        }

// Draw
        context.clearRect(0, 0, canvas.width, canvas.height);
        context.fillStyle = player.color;
        context.fillRect(player.x, player.y, player.width, player.height);
        context.fillStyle = enemy.color;
        context.fillRect(enemy.x, enemy.y, enemy.width, enemy.height);

// Loop
        requestAnimationFrame(gameLoop);
      }

// Function to reset the game
      function resetGame() {
        player.x = 100;
        enemy.x = canvas.width - 150;
      }

// Start the game loop
      gameLoop();
    })();
  </script>
</body>
</html>
```

This game is a simple simulator where the player (represented by a blue rectangle) tries to avoid colliding with the enemy (represented by a red rectangle). The player can control the movement of their character using the arrow keys on the smartphone. When a collision occurs, the game is reset and an alert message appears saying "Game Over!". The game is enclosed in script tags and can be played directly in a web browser by opening the HTML file.

Please note that this example is meant to provide a basic framework and can be expanded upon with additional features, levels, and graphics to create a more engaging and complex game.