A hamster with a gun that shoots out ICE cream's game

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

No:19511

←

Prev Next

→

A hamster with a gun that shoots out ICE cream
Developer User8620｜Date and time 23/10/4 14:51:02
Build time 16.951 sec｜Game capacity 3.935KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Le Jeu du Hamster et de la Crème Glacée</title>
</head>
<body>
    <canvas id="gameCanvas" width="480" height="320"></canvas>
    <script>
        // Enclosing the game code within script tags

// Initialize the game
        window.onload = function() {
            var canvas = document.getElementById("gameCanvas");
            var context = canvas.getContext("2d");

// Load pictogram images
            var hamsterImg = new Image();
            hamsterImg.src = "hamster.png";

var iceCreamImg = new Image();
            iceCreamImg.src = "ice_cream.png";

// Game objects
            var hamster = {
                image: hamsterImg,
                x: canvas.width / 2,
                y: canvas.height - 50,
                width: 50,
                height: 50,
                speed: 5
            };

var iceCreams = [];
            var maxIceCreams = 3;

// Handle player input
            document.addEventListener("keydown", keyDownHandler, false);
            document.addEventListener("keyup", keyUpHandler, false);

var rightPressed = false;
            var leftPressed = false;

function keyDownHandler(event) {
                if (event.keyCode === 39) {
                    rightPressed = true;
                } else if (event.keyCode === 37) {
                    leftPressed = true;
                }
            }

function keyUpHandler(event) {
                if (event.keyCode === 39) {
                    rightPressed = false;
                } else if (event.keyCode === 37) {
                    leftPressed = false;
                }
            }

// Update game objects
            function update() {
                if (rightPressed && hamster.x < canvas.width - hamster.width) {
                    hamster.x += hamster.speed;
                } else if (leftPressed && hamster.x > 0) {
                    hamster.x -= hamster.speed;
                }

// Move and check collisions with ice creams
                for (var i = 0; i < iceCreams.length; i++) {
                    iceCreams[i].y += 2;

if (iceCreams[i].y + iceCreams[i].height > canvas.height - hamster.height &&
                        iceCreams[i].x > hamster.x &&
                        iceCreams[i].x < hamster.x + hamster.width) {
                            // Collision with hamster, remove the ice cream
                            iceCreams.splice(i, 1);
                    }

if (iceCreams[i] && iceCreams[i].y > canvas.height) {
                        // Ice cream reached bottom without collision, remove it
                        iceCreams.splice(i, 1);
                    }
                }

// Generate new ice creams
                while (iceCreams.length < maxIceCreams) {
                    var iceCreamX = Math.random() * (canvas.width - 50);
                    iceCreams.push({ image: iceCreamImg, x: iceCreamX, y: 0, width: 50, height: 50 });
                }
            }

// Draw game objects
            function draw() {
                context.clearRect(0, 0, canvas.width, canvas.height);

// Draw hamster
                context.drawImage(hamster.image, hamster.x, hamster.y, hamster.width, hamster.height);

// Draw ice creams
                for (var i = 0; i < iceCreams.length; i++) {
                    context.drawImage(iceCreams[i].image, iceCreams[i].x, iceCreams[i].y, iceCreams[i].width, iceCreams[i].height);
                }
            }

// Main game loop
            function gameLoop() {
                update();
                draw();
                requestAnimationFrame(gameLoop);
            }

gameLoop(); // Start the game loop
        };
    </script>
</body>
</html>