AI game creator

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

No:31872

←

Prev Next

→

Lokitty gym
Developer User15257｜Date and time 23/12/28 19:03:50
Build time 60.339 sec｜Game capacity 5.915KB｜

Script

Sure! I have created a simple game called "Lokitty Gym" as per your requirements. In this game, you play as Lokitty, a mischievous cat, trying to workout in a gym. Your task is to help Lokitty avoid obstacles and collect dumbbells for points. To play the game, simply copy the code below and save it as an HTML file. You can then open the saved file in any web browser on your smartphone.

To play the game, simply tap the Up and Down arrow keys on your smartphone to move Lokitty up and down. Your goal is to avoid the obstacles and collect the dumbbells to score points. If you collide with an obstacle, the game will end. Please note that you'll need to provide your own pictogram images for the dumbbells and obstacles. Simply replace "emozi_all/pictogram.png" and "emozi_apple.png" in the code with the file paths of your chosen images. I hope you enjoy playing "Lokitty Gym"!

←

Prev　Next

→ 　

Back　

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

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

To play the game, simply copy the code below and save it as an HTML file. You can then open the saved file in any web browser on your smartphone.

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Lokitty Gym</title>
  <style>
    canvas {
      border: 1px solid black;
      display: block;
      margin: 0 auto;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

// Game initialization
    window.onload = function() {
      canvas = document.getElementById('gameCanvas');
      canvasContext = canvas.getContext('2d');

// Load images
      dumbbellImage = new Image();
      dumbbellImage.src = 'dumbbell.png';

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

// Register event listeners
      document.addEventListener('keydown', handleKeyPress);

// Create initial dumbbells
      createDumbbells();

// Start game loop
      setInterval(updateGame, 1000/30); // 30 frames per second
    }

// Game update loop
    function updateGame() {
      if (!gameRunning) {
        return;
      }

moveLokitty();
      moveDumbbells();
      moveObstacles();
      drawGame();
    }

// Move Lokitty according to key presses
    function moveLokitty() {
      if (lokittyY < 400 && lokittyY > 0) {
        lokittyY += lokittySpeedY;
      }

if (lokittyY >= 400) {
        lokittyY = 400; // Stop Lokitty from going below the bottom edge
      }

if (lokittyY <= 0) {
        lokittyY = 0; // Stop Lokitty from going above the top edge
      }
    }

// Move dumbbells from right to left
    function moveDumbbells() {
      for (var i = 0; i < dumbbellList.length; i++) {
        var dumbbell = dumbbellList[i];
        dumbbell.x -= scrollSpeed;

// Check for collision with Lokitty
        if (dumbbell.x === lokittyX && lokittyY >= dumbbell.y && lokittyY <= dumbbell.y + 40) {
          score++;
          dumbbellList.splice(i, 1); // Remove collected dumbbell
        }

// Check if dumbbell is completely off screen, remove it from list
        if (dumbbell.x < -40) {
          dumbbellList.splice(i, 1);
        }
      }

// Create new dumbbells if needed
      if (dumbbellList.length < 3) {
        createDumbbells();
      }
    }

// Move obstacles from right to left
    function moveObstacles() {
      for (var i = 0; i < obstacleList.length; i++) {
        var obstacle = obstacleList[i];
        obstacle.x -= scrollSpeed;

// Check for collision with Lokitty
        if (obstacle.x === lokittyX && lokittyY >= obstacle.y && lokittyY <= obstacle.y + 40) {
          gameRunning = false;
        }

// Check if obstacle is completely off screen, remove it from list
        if (obstacle.x < -40) {
          obstacleList.splice(i, 1);
        }
      }

// Create new obstacles if needed
      if (obstacleList.length < 2) {
        createObstacles();
      }
    }

// Draw the game objects on canvas
    function drawGame() {
      // Clear the canvas
      canvasContext.fillStyle = '#ffffff';
      canvasContext.fillRect(0, 0, canvas.width, canvas.height);

// Draw Lokitty
      canvasContext.fillStyle = '#000000';
      canvasContext.fillRect(lokittyX, lokittyY, 40, 40);

// Draw dumbbells
      for (var i = 0; i < dumbbellList.length; i++) {
        canvasContext.drawImage(dumbbellImage, dumbbellList[i].x, dumbbellList[i].y);
      }

// Draw obstacles
      for (var i = 0; i < obstacleList.length; i++) {
        canvasContext.drawImage(obstacleImage, obstacleList[i].x, obstacleList[i].y);
      }

// Draw the score
      canvasContext.fillStyle = '#000000';
      canvasContext.font = '20px Arial';
      canvasContext.fillText('Score: ' + score, 10, 30);

if (!gameRunning) {
        // Game over text
        canvasContext.fillStyle = '#ff0000';
        canvasContext.font = '30px Arial';
        canvasContext.fillText('Game Over!', canvas.width / 2 - 90, canvas.height / 2);
      }
    }

// Create new dumbbells at random Y positions
    function createDumbbells() {
      for (var i = 0; i < 3; i++) {
        var newY = Math.floor(Math.random() * 360) + 20;
        dumbbellList.push({ x: canvas.width + i * 200, y: newY });
      }
    }

// Create new obstacles at random Y positions
    function createObstacles() {
      for (var i = 0; i < 2; i++) {
        var newY = Math.floor(Math.random() * 360) + 20;
        obstacleList.push({ x: canvas.width + i * 300, y: newY });
      }
    }

// Handle key press events
    function handleKeyPress(event) {
      if (event.key === 'ArrowUp') {
        lokittySpeedY = -5; // Move Lokitty up
      } else if (event.key === 'ArrowDown') {
        lokittySpeedY = 5; // Move Lokitty down
      }
    }
  </script>
</body>
</html>
```

Please note that you'll need to provide your own pictogram images for the dumbbells and obstacles. Simply replace "dumbbell.png" and "obstacle.png" in the code with the file paths of your chosen images.

I hope you enjoy playing "Lokitty Gym"!