A girl diving underwater.'s game | AI game creator

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

No:38018

60

A girl diving underwater.
Developer User17195｜Date and time 24/1/22 5:46:24
Build time 15.921 sec｜Game capacity 5.33KB｜

Sure! I've created a simple game that incorporates the elements you mentioned. It's a diving game where the player controls a girl diving underwater using smartphone operation. The player needs to collect pearls while avoiding obstacles. Here's the code for the HTML file:

To run this game, you would need to create three image files: `emozi_all/game.png`, `emozi_himawari.png`, and `emozi_cat.png`. Make sure to replace "emozi_all/game.png", "emozi_chicken.png", and "emozi_rabbit.png" in the code with the actual paths to your respective image files. You can copy and paste the above code into a single HTML file, open it in a browser, and the game will start. The player can control the girl's movement horizontally by touching the screen and moving left or right. The goal is to collect as many pearls as possible while avoiding the obstacles. The score will be displayed at the top left corner of the screen. If the player collides with an obstacle, the game will be over, and the "Game Over!" text will be displayed.

→ 　

0　

0　

[PR]現在の売れ筋ゲームランキング

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

(C)2023 HisashiApp

Sure! I've created a simple game that incorporates the elements you mentioned. It's a diving game where the player controls a girl diving underwater using smartphone operation. The player needs to collect pearls while avoiding obstacles.

Here's the code for the HTML file:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Underwater Diving Game</title>
  <style>
    canvas {
      border: 1px solid black;
      background-color: #333;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="600"></canvas>

<script>
    // Game initialization
    document.addEventListener('DOMContentLoaded', function() {
      const canvas = document.getElementById('gameCanvas');
      const context = canvas.getContext('2d');
      let playerX = canvas.width / 2;
      let playerY = canvas.height - 30;
      let pearls = [];
      let obstacles = [];
      let score = 0;
      let gameOver = false;

// Load pictogram images
      const playerImage = new Image();
      playerImage.src = 'girl.png';

const pearlImage = new Image();
      pearlImage.src = 'pearl.png';

const obstacleImage = new Image();
      obstacleImage.src = 'obstacle.png';

// Handle player input
      function handleTouchStart(event) {
        if (event.touches.length === 1 && !gameOver) {
          const touchX = event.touches[0].clientX;
          const touchY = event.touches[0].clientY;

// Move player horizontally towards the touch position
          playerX = touchX - canvas.offsetLeft - playerImage.width / 2;
        }
      }

function handleTouchMove(event) {
        event.preventDefault();
      }

// Create pearls at random positions
      function createPearl() {
        const pearl = {
          x: Math.random() * (canvas.width - pearlImage.width),
          y: -pearlImage.height
        };
        pearls.push(pearl);
      }

// Create obstacles at random positions
      function createObstacle() {
        const obstacle = {
          x: Math.random() * (canvas.width - obstacleImage.width),
          y: -obstacleImage.height
        };
        obstacles.push(obstacle);
      }

// Update game state
      function update() {
        if (!gameOver) {
          // Clear canvas
          context.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
          context.drawImage(playerImage, playerX, playerY);

// Draw pearls
          pearls.forEach(function(pearl, index) {
            context.drawImage(pearlImage, pearl.x, pearl.y);

// Check collision with player
            if (pearl.x < playerX + playerImage.width &&
                pearl.x + pearlImage.width > playerX &&
                pearl.y < playerY + playerImage.height &&
                pearl.y + pearlImage.height > playerY) {
              
              // Remove collected pearl
              pearls.splice(index, 1);

// Increase score
              score++;
            }

// Move pearls downwards
            pearl.y += 2;
          });

// Draw obstacles
          obstacles.forEach(function(obstacle, index) {
            context.drawImage(obstacleImage, obstacle.x, obstacle.y);

// Check collision with player
            if (obstacle.x < playerX + playerImage.width &&
                obstacle.x + obstacleImage.width > playerX &&
                obstacle.y < playerY + playerImage.height &&
                obstacle.y + obstacleImage.height > playerY) {
              
              // Game over
              gameOver = true;
            }

// Move obstacles downwards
            obstacle.y += 1;
          });

// Draw score
          context.fillStyle = '#fff';
          context.font = '20px sans-serif';
          context.fillText('Score: ' + score, 10, 30);

// Create new pearls and obstacles at regular intervals
          if (Math.random() < 0.02) {
            createPearl();
          }

if (Math.random() < 0.01) {
            createObstacle();
          }

// Request next animation frame
          requestAnimationFrame(update);
        } else {
          // Game over text
          context.fillStyle = '#fff';
          context.font = '30px sans-serif';
          context.fillText('Game Over!', canvas.width / 2 - 80, canvas.height / 2);
        }
      }

// Start the game
      update();

// Event listeners for touch events
      canvas.addEventListener('touchstart', handleTouchStart);
      canvas.addEventListener('touchmove', handleTouchMove);
    });
  </script>
</body>
</html>
```

To run this game, you would need to create three image files: `girl.png`, `pearl.png`, and `obstacle.png`. Make sure to replace "girl.png", "pearl.png", and "obstacle.png" in the code with the actual paths to your respective image files.

You can copy and paste the above code into a single HTML file, open it in a browser, and the game will start. The player can control the girl's movement horizontally by touching the screen and moving left or right. The goal is to collect as many pearls as possible while avoiding the obstacles. The score will be displayed at the top left corner of the screen. If the player collides with an obstacle, the game will be over, and the "Game Over!" text will be displayed.