Gozo was the game:Nightmer's game

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

No:15844

113

←

Prev Next

→

Gozo was the game:Nightmer
Developer User6928｜Date and time 23/9/12 16:24:16
Build time 39.224 sec｜Game capacity 4.265KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Gozo: Nightmer</title>
</head>
<body onload="startGame()">
    <div id="gameCanvas"></div>

// Pictograms
        const playerImage = "🚀";
        const obstacleImage = "🌑";

// Game initialization
        function startGame() {
            canvas = document.getElementById("gameCanvas");
            context = canvas.getContext("2d");

canvas.width = window.innerWidth;
            canvas.height = window.innerHeight;

player = new Player();

document.addEventListener("keydown", movePlayer);

spawnObstacle();

updateGame();
        }

// Player object
        function Player() {
            this.x = 50;
            this.y = canvas.height / 2;
            this.radius = 25;
            this.velocityY = 0;
            this.gravity = 0.5;

this.update = function() {
                this.velocityY += this.gravity;
                this.y += this.velocityY;

if (this.y + this.radius > canvas.height) {
                    this.y = canvas.height - this.radius;
                }

drawPictogram(playerImage, this.x, this.y);
            }

this.jump = function() {
                this.velocityY = -10;
            }
        }

// Obstacle object
        function Obstacle() {
            this.x = canvas.width;
            this.y = Math.random() * (canvas.height - 200) + 100;
            this.width = 50;
            this.height = 50;

this.update = function() {
                this.x -= gameSpeed;

drawPictogram(obstacleImage, this.x, this.y);

if (this.x + this.width < 0) {
                    score++;
                    obstacles.shift();
                }
            }
        }

// Update game objects and canvas
        function updateGame() {
            if (isGameOver) {
                gameOver();
                return;
            }

context.clearRect(0, 0, canvas.width, canvas.height);

player.update();

for (let i = 0; i < obstacles.length; i++) {
                obstacles[i].update();

if (isColliding(player, obstacles[i])) {
                    isGameOver = true;
                }
            }

context.fillStyle = "black";
            context.font = "20px Verdana";
            context.fillText("Score: " + score, 20, 40);

requestAnimationFrame(updateGame);
        }

// Spawn new obstacle
        function spawnObstacle() {
            setInterval(function() {
                obstacles.push(new Obstacle());
            }, 2000);
        }

// Player movement
        function movePlayer(event) {
            if (event.code === "Space") {
                player.jump();
            }
        }

// Check collision between player and obstacle
        function isColliding(player, obstacle) {
            if (
                player.x < obstacle.x + obstacle.width &&
                player.x + player.radius > obstacle.x &&
                player.y < obstacle.y + obstacle.height &&
                player.y + player.radius > obstacle.y
            ) {
                return true;
            } else {
                return false;
            }
        }

// Display game over message and restart game
        function gameOver() {
            context.fillStyle = "black";
            context.font = "40px Verdana";
            context.fillText("Game Over!", canvas.width / 2 - 100, canvas.height / 2);

context.font = "20px Verdana";
            context.fillText("Press F5 to Restart", canvas.width / 2 - 100, canvas.height / 2 + 50);

document.removeEventListener("keydown", movePlayer);
        }

// Draw pictogram
        function drawPictogram(image, x, y) {
            context.fillStyle = "black";
            context.font = "40px Arial";
            context.fillText(image, x, y);
        }
    </script>
</body>
</html>