Game Title: "Speedy Dodge"Game Type: ArcadeConcept and Theme:Dodge obstacles and survive as long as possible in a fast-paced, scrolling environment.Gameplay Mechanics:Player-controlled character automatically moves forward and can be moved up or down to avoid obstacles.Rapid testing to ensure the game is playable and challenging.'s game

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

No:19650

←

Prev Next

→

Game Title: "Speedy Dodge"Game Type: ArcadeConcept..ALL
Developer User8725｜Date and time 23/10/5 7:42:17
Build time 20.662 sec｜Game capacity 3.878KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Speedy Dodge - Arcade Game</title>
    <style>
        body {
            margin: 0;
            overflow: hidden;
            font-family: Arial, sans-serif;
        }
        
        canvas {
            background-color: #222;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas"></canvas>

var ctx = canvas.getContext("2d");

// Set initial game variables
        var player = {
            x: 50,
            y: canvas.height / 2,
            width: 50,
            height: 50
        };
        var obstacles = [];
        var score = 0;
        var gameSpeed = 3;
        var isGameOver = false;

// Event listeners for player movement
        document.addEventListener("keydown", moveUp);
        document.addEventListener("keyup", moveDown);

function moveUp(event) {
            if (event.key === "ArrowUp" || event.key === "w") {
                player.y -= 20;
            }
        }

function moveDown(event) {
            if (event.key === "ArrowDown" || event.key === "s") {
                player.y += 20;
            }
        }

// Function to generate obstacles
        function spawnObstacle() {
            var obstacle = {
                x: canvas.width,
                y: Math.random() * (canvas.height - 50),
                width: 50,
                height: 50
            };
            obstacles.push(obstacle);
        }

// Function to update game variables
        function update() {
            if (!isGameOver) {
                score++;

obstacles.forEach(function(obstacle) {
                    obstacle.x -= gameSpeed;

// Check collision with player
                    if (
                        player.x < obstacle.x + obstacle.width &&
                        player.x + player.width > obstacle.x &&
                        player.y < obstacle.y + obstacle.height &&
                        player.y + player.height > obstacle.y
                    ) {
                        gameOver();
                    }

// Remove offscreen obstacles
                    if (obstacle.x + obstacle.width < 0) {
                        obstacles.shift();
                    }
                });
            }
        }

// Function to render game elements
        function draw() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

ctx.fillStyle = "#00ff00";
            ctx.fillRect(player.x, player.y, player.width, player.height);

ctx.fillStyle = "#ff0000";
            obstacles.forEach(function(obstacle) {
                ctx.fillRect(obstacle.x, obstacle.y, obstacle.width, obstacle.height);
            });

ctx.fillStyle = "#ffffff";
            ctx.font = "24px Arial";
            ctx.fillText("Score: " + score, 10, 30);

if (isGameOver) {
                ctx.fillStyle = "#ffffff";
                ctx.font = "48px Arial";
                ctx.fillText("Game Over!", canvas.width / 2 - 120, canvas.height / 2);
            }
        }

// Function to end the game
        function gameOver() {
            isGameOver = true;
        }

// Game loop
        function gameLoop() {
            update();
            draw();

if (!isGameOver) {
                requestAnimationFrame(gameLoop);
            }
        }

// Start the game
        spawnObstacle();
        gameLoop();
        setInterval(spawnObstacle, 2000);
    </script>
</body>
</html>