Make me a pet raising game's game

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

No:44548

142

←

Prev Next

→

Make me a pet raising game
Developer User19413｜Date and time 24/2/18 10:35:14
Build time 5.874 sec｜Game capacity 2.256KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

```
<!DOCTYPE html>
<html>
<head>
    <title>Pet Raising Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    
    <script>
        const canvas = document.getElementById("gameCanvas");
        const ctx = canvas.getContext("2d");
        
        let pet = {
            name: "Pete",
            type: "Dog",
            hunger: 0,
            happiness: 100,
            health: 100
        };
        
        function drawPet() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            
            // Draw pet icon
            let petIcon = new Image();
            petIcon.src = "https://emojicombos.com/emoji-u1f415/";
            petIcon.onload = function() {
                ctx.drawImage(petIcon, 50, 50, 100, 100);
                
                // Display pet stats
                ctx.font = "14px Arial";
                ctx.fillStyle = "black";
                ctx.fillText("Name: " + pet.name, 200, 50);
                ctx.fillText("Type: " + pet.type, 200, 70);
                ctx.fillText("Hunger: " + pet.hunger, 200, 90);
                ctx.fillText("Happiness: " + pet.happiness, 200, 110);
                ctx.fillText("Health: " + pet.health, 200, 130);
            };
        }
        
        function feedPet() {
            pet.hunger -= 10;
            pet.happiness += 5;
            pet.health += 5;
            checkStatus();
        }
        
        function playWithPet() {
            pet.hunger += 5;
            pet.happiness += 10;
            pet.health += 5;
            checkStatus();
        }
        
        function checkStatus() {
            if(pet.hunger < 0) {
                pet.hunger = 0;
            } else if(pet.hunger > 100) {
                pet.hunger = 100;
            }
            
            if(pet.happiness < 0) {
                pet.happiness = 0;
            } else if(pet.happiness > 100) {
                pet.happiness = 100;
            }
            
            if(pet.health < 0) {
                pet.health = 0;
            } else if(pet.health > 100) {
                pet.health = 100;
            }
            
            drawPet();
        }
        
        drawPet();
    </script>
</body>
</html>
```