一款动作类侦探游戏's game

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

No:13021

108

←

Prev Next

→

一款动作类侦探游戏
Developer User5721｜Date and time 23/8/26 6:49:19
Build time 18.015 sec｜Game capacity 3.511KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Draw pictograms
        var playerImage = new Image();
        playerImage.src = "pictogram_player.png";

var detectiveImage = new Image();
        detectiveImage.src = "pictogram_detective.png";

// Define game objects
        var player = {
            x: 0,
            y: 0,
            speed: 5,
            img: playerImage
        };

var detective = {
            x: 100,
            y: 100,
            speed: 3,
            img: detectiveImage
        };

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

var rightPressed = false;
        var leftPressed = false;
        var upPressed = false;
        var downPressed = false;

// Update game state
        function update() {
            if (rightPressed) {
                player.x += player.speed;
            }
            else if (leftPressed) {
                player.x -= player.speed;
            }
            else if (upPressed) {
                player.y -= player.speed;
            }
            else if (downPressed) {
                player.y += player.speed;
            }
            
            // Perform collision detection
            if (player.x < detective.x + detective.img.width &&
                player.x + player.img.width > detective.x &&
                player.y < detective.y + detective.img.height &&
                player.y + player.img.height > detective.y) {
                // Player and detective collided
                alert("Game Over! You were caught by the detective.");
                document.location.reload();
            }

// Redraw game objects
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            ctx.drawImage(player.img, player.x, player.y);
            ctx.drawImage(detective.img, detective.x, detective.y);
        }

// Game loop
        function gameLoop() {
            update();
            requestAnimationFrame(gameLoop); // Keep calling gameLoop function
        }

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