AI game creator

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

No:25766

←

Prev Next

→

Atlantis
Developer User12665｜Date and time 23/11/24 15:11:42
Build time 95.454 sec｜Game capacity 2.843KB｜

Script

HTML:

Note: The code assumes the existence of `emozi_rabbit.png` and `emozi_all/enemy.png` images that represent the ship and enemy respectively. You can replace these with appropriate pictograms or image sources. Additionally, the game uses touch controls for smartphone operation.

←

Prev　Next

→ 　

Back　

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

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

HTML:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Atlantis Game</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="600"></canvas>
  <script>
    // JavaScript code for Atlantis game

// Get the canvas element
    var canvas = document.getElementById('gameCanvas');
    var ctx = canvas.getContext('2d');

// Initialize game variables
    var shipX = canvas.width/2;
    var shipY = canvas.height - 50;
    var shipSpeed = 5;

var enemyX = Math.random() * (canvas.width - 50);
    var enemyY = -50;
    var enemySpeed = 2;

var score = 0;
    var lives = 3;

// Load images
    var shipImage = new Image();
    shipImage.src = 'ship.png';

var enemyImage = new Image();
    enemyImage.src = 'enemy.png';

// Event listeners for touch controls
    document.addEventListener('touchmove', handleTouchMove);

// Update game state
    function update() {
      // Clear the canvas
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw the ship
      ctx.drawImage(shipImage, shipX, shipY);

// Move the enemy
      enemyY += enemySpeed;

// Check collision
      if (enemyY + 50 >= shipY && enemyX >= shipX && enemyX <= shipX + 50) {
        // Enemy collided with the ship
        lives--;
        if (lives <= 0) {
          // Game over
          alert('Game Over! Your Score: ' + score);
          clearInterval(gameInterval);
          return;
        }
        resetEnemy();
      }

// Draw the enemy
      ctx.drawImage(enemyImage, enemyX, enemyY);

// Update score and lives
      ctx.font = '20px Arial';
      ctx.fillStyle = 'white';
      ctx.fillText('Score: ' + score, 10, 30);
      ctx.fillText('Lives: ' + lives, 10, 60);
      
      // Check if enemy reached bottom
      if (enemyY > canvas.height) {
        // Enemy reached bottom without collision
        score++;
        resetEnemy();
      }
    }

// Reset enemy position
    function resetEnemy() {
      enemyX = Math.random() * (canvas.width - 50);
      enemyY = -50;
    }

// Handle touch movement
    function handleTouchMove(event) {
      var touchX = event.touches[0].clientX - canvas.offsetLeft;
      var touchY = event.touches[0].clientY - canvas.offsetTop;

if (touchX >= 0 && touchX <= canvas.width) {
        shipX = touchX - 25; // To center the ship
      }
      
      if (touchY >= 0 && touchY <= canvas.height) {
        shipY = touchY - 25; // To center the ship
      }
    }

// Start the game
    var gameInterval = setInterval(update, 10);
  </script>
</body>
</html>
```

Note: The code assumes the existence of `ship.png` and `enemy.png` images that represent the ship and enemy respectively. You can replace these with appropriate pictograms or image sources. Additionally, the game uses touch controls for smartphone operation.