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

No:40547

Speedruner vs chaser.the speedruner has to avoid o..ALL
Developer User18187｜Date and time 24/2/3 10:40:55
Build time 14.699 sec｜Game capacity 5.077KB｜

Script

Sure! Here's an example implementation of the game "Speedrunner vs Chaser" using JavaScript and HTML. Please note that this is a simplified version and you can enhance it further with graphics, animations, and additional game features.

Speedrunner vs Chaser

This code sets up a game environment where the player controls a speedrunner to avoid obstacles and a chaser. The player can move left or right using the arrow keys or 'A' and 'D' keys. The player can also jump by pressing the spacebar. The game loop continuously updates the game state, handles player input, and checks for collisions between the speedrunner and obstacles or the chaser. When the speedrunner hits an obstacle or the chaser, the game ends. Feel free to customize and improve the game according to your preferences!

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Speedrunner vs Chaser</title>
    <style>
        #game-container {
            width: 100%;
            height: 400px;
            background-color: #f0f0f0;
            position: relative;
        }
        
        .player {
            position: absolute;
            bottom: 50px;
            width: 50px;
            height: 50px;
            background-color: red;
        }
        
        .obstacle {
            position: absolute;
            bottom: 0;
            width: 30px;
            height: 30px;
            background-color: black;
        }
    </style>
</head>
<body>
    <h1>Speedrunner vs Chaser</h1>
    <div id="game-container">
        <div id="speedrunner" class="player"></div>
        <div id="chaser" class="player"></div>
        <div id="obstacle"></div>
    </div>

var gameSpeed = 5; // Adjust game speed as needed
        var playerSpeed = 10; // Adjust player movement speed as needed

var isJumping = false;
        var isChaserBack = false;
        var isRunnerHit = false;

// Game loop
        function update() {
            if (isRunnerHit) {
                speedrunner.style.backgroundColor = "green";
                chaser.style.backgroundColor = "gray";
                return;
            }

if (isChaserBack) {
                chaser.style.left = parseInt(chaser.style.left) + gameSpeed + "px";
                if (parseInt(chaser.style.left) >= gameContainer.clientWidth) {
                    chaser.style.left = -50 + "px";
                    isChaserBack = false;
                }
            } else {
                obstacle.style.left = parseInt(obstacle.style.left) - gameSpeed + "px";
                if (parseInt(obstacle.style.left) <= -50) {
                    obstacle.style.left = gameContainer.clientWidth + "px";
                }

if (!isJumping && checkCollision(speedrunner, obstacle)) {
                    isRunnerHit = true;
                }

if (checkCollision(speedrunner, chaser)) {
                    isRunnerHit = true;
                }
            }
        }

// Check if two elements collide
        function checkCollision(element1, element2) {
            var rect1 = element1.getBoundingClientRect();
            var rect2 = element2.getBoundingClientRect();

return (
                rect1.x < rect2.x + rect2.width &&
                rect1.x + rect1.width > rect2.x &&
                rect1.y < rect2.y + rect2.height &&
                rect1.y + rect1.height > rect2.y
            );
        }

// Key event handling for jump
        document.addEventListener("keydown", function (event) {
            if (event.code === "Space" && !isJumping) {
                isJumping = true;
                speedrunner.classList.add("jump");

setTimeout(function () {
                    speedrunner.classList.remove("jump");
                    isJumping = false;
                }, 500);
            }
        });

// Move player based on arrow key press
        document.addEventListener("keydown", function (event) {
            var currentLeftPos = parseInt(speedrunner.style.left);

switch (event.code) {
                case "ArrowLeft":
                case "KeyA":
                    speedrunner.style.left = currentLeftPos - playerSpeed + "px";
                    break;
                case "ArrowRight":
                case "KeyD":
                    speedrunner.style.left = currentLeftPos + playerSpeed + "px";
                    break;
            }
        });

// Initialize game setup
        function init() {
            speedrunner.style.left = "0px";
            chaser.style.left = "-50px";
            obstacle.style.left = gameContainer.clientWidth + "px";

setInterval(update, 1000 / 60); // Game loop update every 16.67ms (approx 60fps)
        }

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

Feel free to customize and improve the game according to your preferences!