AI game creator

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

No:26782

←

Prev Next

→

Doggy jump
Developer User6472｜Date and time 23/12/2 12:00:57
Build time 42.247 sec｜Game capacity 3.492KB｜

Script

Note: You would need to replace "emozi_dog.png" with the actual path to your doggy pictogram image file. The game simulates a doggy jumping up and down. The doggy jumps when the spacebar is pressed on a keyboard or when you tap the screen on a mobile device. The goal is to keep jumping and try to achieve a high score. If the doggy hits the ground, it's game over and the final score will be displayed.

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
  <head>
    <title>Doggy Jump</title>
    <style>
      canvas {
        border: 1px solid black;
      }
    </style>
  </head>
  <body>
    <canvas id="gameCanvas" width="320" height="480"></canvas>
    <script>
      // Game variables
      var canvas;
      var canvasContext;
      var doggyX = 150; // Starting position of the doggy
      var doggyY = 400;
      var doggySpeedY = 0; // Vertical speed of the doggy
      var doggyCount = 0; // Number of successful jumps
      var isGameOver = false;

// Pictogram images
      var doggyImage = new Image();
      doggyImage.src = "doggy.png";

// Handle touch events on mobile
      window.onload = function() {
        canvas = document.getElementById("gameCanvas");
        canvasContext = canvas.getContext("2d");

document.addEventListener("keydown", handleKeyDown);
        canvas.addEventListener("touchstart", handleTouchStart);
        canvas.addEventListener("touchend", handleTouchEnd);

// Game loop
        var framesPerSecond = 30;
        setInterval(function() {
          moveEverything();
          drawEverything();
        }, 1000 / framesPerSecond);
      };

// Move the doggy and handle collisions
      function moveEverything() {
        if (doggyY > canvas.height - 50) { // Doggy reached the ground
          doggyY = canvas.height - 50;
          doggySpeedY = 0;
        } else {
          doggyY += doggySpeedY;
          doggySpeedY += 2; // Gravity pulling the doggy down
        }
      }

// Draw the doggy and update game screen
      function drawEverything() {
        // Clear canvas
        colorRect(0, 0, canvas.width, canvas.height, "lightblue");

// Draw doggy
        canvasContext.drawImage(doggyImage, doggyX, doggyY);

// Display score
        canvasContext.fillStyle = "black";
        canvasContext.font = "20px Arial";
        canvasContext.fillText("Score: " + doggyCount, 10, 30);

if (isGameOver) {
          // Display game over message
          canvasContext.font = "30px Arial";
          canvasContext.fillText("Game Over!", 110, 200);
          canvasContext.fillText("Final Score: " + doggyCount, 70, 240);
        }
      }

// Handle keydown event
      function handleKeyDown(event) {
        if (event.keyCode === 32 && doggyY === canvas.height - 50) { // Space bar is pressed and doggy is on the ground
          doggySpeedY = -20; // Make the doggy jump
        }
      }

// Handle touch start event
      function handleTouchStart(event) {
        if (doggyY === canvas.height - 50) { // Doggy is on the ground
          doggySpeedY = -20; // Make the doggy jump
        }
      }

// Handle touch end event
      function handleTouchEnd(event) {
        // No action needed for touch end event
      }

// Helper function to draw rectangles
      function colorRect(leftX, topY, width, height, drawColor) {
        canvasContext.fillStyle = drawColor;
        canvasContext.fillRect(leftX, topY, width, height);
      }
    </script>
  </body>
</html>
```
Note: You would need to replace "doggy.png" with the actual path to your doggy pictogram image file. The game simulates a doggy jumping up and down. The doggy jumps when the spacebar is pressed on a keyboard or when you tap the screen on a mobile device. The goal is to keep jumping and try to achieve a high score. If the doggy hits the ground, it's game over and the final score will be displayed.