AI game creator

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

No:41269

108

←

Prev Next

→

Virtual pet
Developer User18493｜Date and time 24/2/6 17:05:54
Build time 10.642 sec｜Game capacity 3.439KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Virtual Pet Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Get the game canvas and its context
        const canvas = document.getElementById('gameCanvas');
        const context = canvas.getContext('2d');

// Virtual pet object
        const virtualPet = {
            x: 200, // Initial x-coordinate of the pet
            y: 200, // Initial y-coordinate of the pet
            size: 50, // Size of the pet
            happiness: 100, // Initial happiness level of the pet (starts at 100)
            food: 100, // Initial food level of the pet (starts at 100)

draw: function() {
                // Draw pet as a pictogram (example: a smiley face)
                context.beginPath();
                context.arc(this.x, this.y, this.size, 0, 2 * Math.PI);
                context.fillStyle = 'yellow';
                context.fill();
                context.stroke();

context.fillStyle = 'black';
                context.font = '30px Arial';
                context.fillText(String.fromCharCode(9786), this.x - 15, this.y + 10); // ASCII code for smiley face
            },

update: function() {
                // Check if pet needs food
                if (this.food <= 0) {
                    alert("Your virtual pet is hungry!");
                }

// Check if pet is unhappy
                if (this.happiness <= 0) {
                    alert("Your virtual pet is unhappy!");
                }

// Update pet's position or perform other actions as per game logic
            },

feed: function() {
                // Increase pet's food level when fed
                this.food += 10;
            },

play: function() {
                // Decrease pet's happiness level when played with
                this.happiness -= 10;
            },

listenToUserInput: function() {
                // Listen to user input (touch events on smartphone)
                canvas.addEventListener('click', function(event) {
                    const rect = canvas.getBoundingClientRect();
                    
                    const clickX = event.clientX - rect.left;
                    const clickY = event.clientY - rect.top;

// Check if the click position is inside the pet's boundaries
                    if (clickX >= (virtualPet.x - virtualPet.size) && clickX <= (virtualPet.x + virtualPet.size) &&
                        clickY >= (virtualPet.y - virtualPet.size) && clickY <= (virtualPet.y + virtualPet.size)) {
                        // User clicked on the pet, trigger a play action
                        virtualPet.play();
                    }
                });
            }
        };

function gameLoop() {
            // Clear canvas
            context.clearRect(0, 0, canvas.width, canvas.height);

// Update and draw the virtual pet
            virtualPet.update();
            virtualPet.draw();

// Request next frame
            requestAnimationFrame(gameLoop);
        }

// Start the game
        virtualPet.listenToUserInput();
        gameLoop();
    </script>
</body>
</html>