Warioware but with a hamster's game

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

No:20908

←

Prev Next

→

Warioware but with a hamster
Developer User8620｜Date and time 23/10/11 23:45:18
Build time 86.08 sec｜Game capacity 2.998KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>HamsterWare Game</title>
    <style>
        #game-container {
            width: 100%;
            height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        #hamster {
            width: 100px;
            height: 100px;
            background-image: url('hamster.png');
            background-size: cover;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            cursor: pointer;
            transition: 0.3s;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <div id="hamster"></div>
    </div>
    <script>
        // Pictogram of a hamster
        const hamsterIcon = '🐹';

// Timer duration in milliseconds
        const timerDuration = 1000;

// Hamster object with initial position and score
        const hamster = {
            x: 50, // Initial horizontal position
            y: 50, // Initial vertical position
            score: 0 // Initial score
        };

// Function to update the hamster's position randomly
        function updateHamsterPosition() {
            // Calculate new random position within the game container
            const containerWidth = document.getElementById('game-container').offsetWidth;
            const containerHeight = document.getElementById('game-container').offsetHeight;

hamster.x = Math.floor(Math.random() * containerWidth);
            hamster.y = Math.floor(Math.random() * containerHeight);

// Update hamster's position on the screen
            const hamsterElement = document.getElementById('hamster');
            hamsterElement.style.left = hamster.x + 'px';
            hamsterElement.style.top = hamster.y + 'px';
        }

// Function to update the score
        function updateScore() {
            const scoreElement = document.getElementById('score');
            scoreElement.innerText = `Score: ${hamster.score}`;
        }

// Function called when hamster is clicked
        function hamsterClicked() {
            // Increment score
            hamster.score++;
            // Update score element
            updateScore();
            // Generate new position
            updateHamsterPosition();
        }

// Start the game
        function startGame() {
            // Initial position and score display
            updateHamsterPosition();
            updateScore();

// Event listener for when hamster is clicked
            const hamsterElement = document.getElementById('hamster');
            hamsterElement.addEventListener('click', hamsterClicked);

// Timer to update the hamster's position periodically
            setInterval(updateHamsterPosition, timerDuration);
        }

// Call the startGame function
        startGame();
    </script>
</body>
</html>