A platformer game as a dog where you collect bones's game

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

No:20857

←

Prev Next

→

A platformer game as a dog where you collect bones
Developer User9184｜Date and time 23/10/11 14:12:37
Build time 102.917 sec｜Game capacity 2.815KB｜

Script

Sure! Here's an example of a simple platformer game implemented as a single HTML file using JavaScript and enclosed in script tags. The game features a dog character collecting bones.

In this game, you can control the dog character using the left and right arrow keys. The goal is to collect all the bones represented by pictograms. The score is displayed at the top left corner of the game screen. The game will continue until all the bones are collected.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of a simple platformer game implemented as a single HTML file using JavaScript and enclosed in script tags. The game features a dog character collecting bones.

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Dog Platformer Game</title>
  <style>
    canvas {
      border: 1px solid black;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="800" height="400"></canvas>
  <script type="text/javascript">
    // Dog Platformer Game

// Initialize canvas and context
    const canvas = document.getElementById("gameCanvas");
    const ctx = canvas.getContext("2d");

// Define game variables
    let playerX = 50; // Initial player position
    let playerY = 330;
    let playerSpeed = 5; // Player movement speed
    let score = 0; // Number of collected bones

// Create bone objects - represented by pictograms
    const boneImage = new Image();
    boneImage.src = "https://example.com/bone.png"; // Replace with actual image URL

const bones = [
      { x: 200, y: 250 },
      { x: 350, y: 200 },
      { x: 520, y: 100 },
      { x: 680, y: 300 }
    ];

// Add event listener for keyboard input
    document.addEventListener("keydown", keyDownHandler);

// Handle keyboard input
    function keyDownHandler(event) {
      // Move player left
      if (event.key === "ArrowLeft") {
        playerX -= playerSpeed;
      }
      // Move player right
      else if (event.key === "ArrowRight") {
        playerX += playerSpeed;
      }
    }

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

// Draw player
      ctx.fillStyle = "brown";
      ctx.fillRect(playerX, playerY, 30, 30);

// Draw bones
      bones.forEach(bone => {
        ctx.drawImage(boneImage, bone.x, bone.y, 30, 30);
      });

// Check for collision between player and bones
      bones.forEach((bone, index) => {
        if (
          playerX < bone.x + 30 &&
          playerX + 30 > bone.x &&
          playerY < bone.y + 30 &&
          playerY + 30 > bone.y
        ) {
          // Player collected the bone
          bones.splice(index, 1); // Remove the bone from array
          score++; // Increase score
        }
      });

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

// Request next animation frame
      requestAnimationFrame(update);
    }

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