AI game creator

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

No:24648

126

←

Prev Next

→

Dubai In Future
Developer User11298｜Date and time 23/11/11 1:13:44
Build time 68.894 sec｜Game capacity 2.952KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
  <head>
    <title>Dubai in Future - Game</title>
  </head>
  <body>
    <canvas id="gameCanvas" width="600" height="600"></canvas>

// Pictograms
      const playerImage = new Image();
      playerImage.src = 'player.png'; // Replace with actual image file

const enemyImage = new Image();
      enemyImage.src = 'enemy.png'; // Replace with actual image file

const goalImage = new Image();
      goalImage.src = 'goal.png'; // Replace with actual image file

// Game objects
      let player = {
        x: 50,
        y: 50,
        width: 50,
        height: 50
      };

let goal = {
        x: 500,
        y: 500,
        width: 50,
        height: 50
      };

let enemies = [
        { x: 100, y: 100, width: 50, height: 50 },
        { x: 200, y: 200, width: 50, height: 50 },
        { x: 300, y: 300, width: 50, height: 50 }
      ];

// Player controls
      document.addEventListener('keydown', handleKeyDown);

function handleKeyDown(event) {
        const keyPressed = event.key;

if (keyPressed === 'ArrowUp') {
          player.y -= 10;
        } else if (keyPressed === 'ArrowDown') {
          player.y += 10;
        } else if (keyPressed === 'ArrowLeft') {
          player.x -= 10;
        } else if (keyPressed === 'ArrowRight') {
          player.x += 10;
        }
      }

// Game update function
      function update() {
        // Check for collision with goal
        if (
          player.x < goal.x + goal.width &&
          player.x + player.width > goal.x &&
          player.y < goal.y + goal.height &&
          player.y + player.height > goal.y
        ) {
          alert('Congratulations! You reached the goal!');
          resetGame();
        }

// Check for collision with enemies
        enemies.forEach((enemy) => {
          if (
            player.x < enemy.x + enemy.width &&
            player.x + player.width > enemy.x &&
            player.y < enemy.y + enemy.height &&
            player.y + player.height > enemy.y
          ) {
            alert('Game Over! You collided with an enemy!');
            resetGame();
          }
        });

// Redraw the canvas
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        ctx.drawImage(playerImage, player.x, player.y, player.width, player.height);
        ctx.drawImage(goalImage, goal.x, goal.y, goal.width, goal.height);
        enemies.forEach((enemy) => {
          ctx.drawImage(enemyImage, enemy.x, enemy.y, enemy.width, enemy.height);
        });

requestAnimationFrame(update);
      }

// Reset the game state
      function resetGame() {
        player.x = 50;
        player.y = 50;
      }

// Start the game
      update();
    </script>
  </body>
</html>