A game about a guy running away from a cat and the boy has guns's game

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

No:41390

←

Prev Next

→

A game about a guy running away from a cat and the..ALL
Developer User17626｜Date and time 24/2/7 7:50:24
Build time 11.987 sec｜Game capacity 4.455KB｜

Script

Sure! Here's a simple game about a guy running away from a cat where the guy has guns:

In this game, the player controls a blue character who can run to the right by pressing the arrow key. A cat (orange) continuously moves towards the character. The player can fire bullets (red) by pressing the spacebar, and if a bullet hits the cat, the collision is registered. The game runs in a continuous loop using the `requestAnimationFrame` method.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple game about a guy running away from a cat where the guy has guns:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Run Away!</title>
    <style>
        body {
            margin: 0;
            padding: 0;
        }
        canvas {
            background-color: #eee;
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas"></canvas>
    <script>
        // Wait for the HTML to load
        window.onload = function() {
            // Get the game canvas
            var canvas = document.getElementById("gameCanvas");
            var ctx = canvas.getContext("2d");
            
            // Character variables
            var character = {
                x: 50,
                y: canvas.height / 2,
                width: 50,
                height: 50,
                speed: 5,
                isRunning: false
            };
            
            // Cat variables
            var cat = {
                x: canvas.width - 100,
                y: canvas.height / 2,
                width: 80,
                height: 80,
                speed: 3
            };
            
            // Gun variables
            var gun = {
                x: character.x + character.width - 10,
                y: character.y + character.height / 2 - 10,
                width: 20,
                height: 20,
                isFired: false
            };
            
            // Keyboard event listeners
            document.addEventListener("keydown", keyDownHandler, false);
            document.addEventListener("keyup", keyUpHandler, false);
            
            // Function to handle key down events
            function keyDownHandler(event) {
                if (event.key === "ArrowRight") {
                    character.isRunning = true;
                } else if (event.key === " ") {
                    gun.isFired = true;
                }
            }
            
            // Function to handle key up events
            function keyUpHandler(event) {
                if (event.key === "ArrowRight") {
                    character.isRunning = false;
                }
            }
            
            // Function to update game objects
            function update() {
                // Move the character
                if (character.isRunning && character.x < canvas.width - character.width) {
                    character.x += character.speed;
                }
                
                // Move the cat
                if (cat.x > 0) {
                    cat.x -= cat.speed;
                }
                
                // Move the bullet
                if (gun.isFired && !gun.isHit) {
                    gun.x += 10;
                }
                
                // Check collision
                if (gun.x > cat.x && gun.y > cat.y && gun.y < cat.y + cat.height) {
                    gun.isHit = true;
                }
            }
            
            // Function to render game objects
            function render() {
                // Clear the canvas
                ctx.clearRect(0, 0, canvas.width, canvas.height);
                
                // Draw the character
                ctx.fillStyle = "blue";
                ctx.fillRect(character.x, character.y, character.width, character.height);
                
                // Draw the cat
                ctx.fillStyle = "orange";
                ctx.fillRect(cat.x, cat.y, cat.width, cat.height);
                
                // Draw the bullet
                if (!gun.isHit && gun.isFired) {
                    ctx.fillStyle = "red";
                    ctx.fillRect(gun.x, gun.y, gun.width, gun.height);
                }
            }
            
            // Function to run the game loop
            function gameLoop() {
                update();
                render();
                requestAnimationFrame(gameLoop);
            }
            
            // Start the game loop
            gameLoop();
        };
    </script>
</body>
</html>
```