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

No:11956

70

The enemys have 20 health you have a pet cat your ..ALL
Developer User4984｜Date and time 23/8/13 6:49:39
Build time 37.768 sec｜Game capacity 5.746KB｜

is killed, there is a 50% chance of dropping a bone. The bone can be collected by tapping on it and it will be added to your inventory. Additionally, there will be a health bar displayed at the top of the screen showing your pet cat's current health. Here is an example implementation:

Pet Cat vs Dog Enemies

Please note that you will need to replace the placeholder audio, egg, and bone images with actual audio and image files for the game to work properly.

→ 　

0　

0　

[PR]現在の売れ筋アプリランキング

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

(C)2023 HisashiApp

is killed, there is a 50% chance of dropping a bone. The bone can be collected by tapping on it and it will be added to your inventory. Additionally, there will be a health bar displayed at the top of the screen showing your pet cat's current health.

Here is an example implementation:

```html
<!DOCTYPE html>
<html>
  <head>
    <style>
      body {
        text-align: center;
      }
      canvas {
        border: 1px solid black;
      }
      #inventory {
        position: absolute;
        top: 10px;
        right: 10px;
      }
      #healthbar {
        position: absolute;
        top: 10px;
        left: 10px;
      }
    </style>
  </head>
  <body>
    <h1>Pet Cat vs Dog Enemies</h1>
    <canvas id="gameCanvas" width="500" height="500"></canvas>
    <button id="inventory" onclick="showInventory()">Inventory</button>
    <div id="healthbar"></div>

<script>
      // Game Variables
      var canvas, ctx;
      var petCat;
      var dogEnemy;
      var isEnemyKilled;
      var attackSound;
      var inventoryButton;
      var inventoryEgg;
      var inventoryBone;
      var healthBar;
      
      // Game Constants
      var ENEMY_HEALTH = 20;
      var CAT_ATTACK_DAMAGE = 3;
      var ENEMY_RESPAWN_TIME = 3000;
      var BONE_DROP_CHANCE = 0.5;
      
      // Initialize the game
      function startGame() {
        canvas = document.getElementById("gameCanvas");
        ctx = canvas.getContext("2d");
        petCat = new component(30, 30, "🐱", 235, 235);
        dogEnemy = new component(50, 50, "🐶", getRandomPosition(), getRandomPosition());
        isEnemyKilled = false;
        attackSound = new Audio('attack.mp3');
        attackSound.volume = 0.2;
        inventoryButton = document.getElementById("inventory");
        inventoryEgg = document.createElement("img");
        inventoryEgg.src = "egg.png";
        inventoryBone = document.createElement("img");
        inventoryBone.src = "bone.png";
        healthBar = document.getElementById("healthbar");
        petCat.health = 100;
        healthBar.style.width = petCat.health + "%";
        
        setInterval(updateGame, 20);
      }
      
      // Game component object
      function component(width, height, symbol, x, y) {
        this.width = width;
        this.height = height;
        this.symbol = symbol;
        this.x = x;
        this.y = y;
        this.speedX = 0;
        this.speedY = 0;
        this.health = 0;
        
        this.update = function() {
          ctx.font = "30px Arial";
          ctx.fillText(this.symbol, this.x, this.y);
        }
        
        this.newPos = function() {
          this.x += this.speedX;
          this.y += this.speedY;
        }
        
        this.attack = function() {
          if (dogEnemy.x <= this.x + this.width &&
              dogEnemy.x + dogEnemy.width >= this.x &&
              dogEnemy.y <= this.y + this.height &&
              dogEnemy.y + dogEnemy.height >= this.y) {
            attackSound.play();
            dogEnemy.health -= CAT_ATTACK_DAMAGE;
            
            if (dogEnemy.health <= 0) {
              isEnemyKilled = true;
              dogEnemy.x = getRandomPosition();
              dogEnemy.y = getRandomPosition();
              setTimeout(function() {
                dogEnemy.health = ENEMY_HEALTH;
                isEnemyKilled = false;
              }, ENEMY_RESPAWN_TIME);
              
              if (Math.random() < BONE_DROP_CHANCE) {
                addBoneToInventory();
              }
            }
          }
        }
      }
      
      // Update the game state
      function updateGame() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        petCat.newPos();
        petCat.update();
        
        if (!isEnemyKilled) {
          dogEnemy.update();
        }
        
        petCat.attack();
        updateHealthBar();
      }
      
      // Update health bar based on pet cat's health
      function updateHealthBar() {
        healthBar.style.width = petCat.health + "%";
        healthBar.innerText = "Health: " + petCat.health;
        
        if (petCat.health <= 0) {
          // Game over
          ctx.clearRect(0, 0, canvas.width, canvas.height);
          ctx.font = "50px Arial";
          ctx.fillText("Game Over", 150, 250);
          clearInterval(updateGame);
        }
      }
      
      // Show inventory
      function showInventory() {
        if (inventoryButton.innerText === "Inventory") {
          inventoryButton.innerText = "";
          inventoryButton.appendChild(inventoryEgg);
          inventoryButton.appendChild(inventoryBone);
        } else {
          inventoryButton.innerText = "Inventory";
        }
      }
      
      // Add bone to inventory
      function addBoneToInventory() {
        if (inventoryBone.style.display === "none") {
          inventoryBone.style.display = "inline";
        }
      }
      
      // Get random position on the canvas
      function getRandomPosition() {
        return Math.floor(Math.random() * 451) + 25;
      }
      
      // Handle touch events for smartphone
      function touchMove(event) {
        event.preventDefault();
        petCat.x = event.touches[0].clientX - canvas.offsetLeft - (petCat.width / 2);
        petCat.y = event.touches[0].clientY - canvas.offsetTop - (petCat.height / 2);
      }
      
      // Start the game
      window.onload = function() {
        startGame();
      };
      
      // Register touch events for smartphone
      canvas.addEventListener("touchmove", touchMove, false);
    </script>
  </body>
</html>
```

Please note that you will need to replace the placeholder audio, egg, and bone images with actual audio and image files for the game to work properly.