Vonatos játék 100 HP driver vannak küldetések's game

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

No:34732

←

Prev Next

→

Vonatos játék 100 HP driver vannak küldetések
Developer User16254｜Date and time 24/1/11 13:21:11
Build time 14.803 sec｜Game capacity 4.07KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Vonatos játék</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="600"></canvas>

// Game variables
        var playerX = 200;
        var playerY = 550;
        var playerSpeed = 6;
        var trainX = 200;
        var trainY = 0;
        var trainSpeed = 2;
        var trainWidth = 50;
        var trainHeight = 100;
        var score = 0;
        var health = 100;
        var missionComplete = false;

// Keyboard event listeners
        document.addEventListener("keydown", handleKeyDown);
        document.addEventListener("keyup", handleKeyUp);

var rightKeyPressed = false;
        var leftKeyPressed = false;

function handleKeyDown(event) {
            if (event.keyCode === 39) {
                rightKeyPressed = true;
            } else if (event.keyCode === 37) {
                leftKeyPressed = true;
            }
        }

function handleKeyUp(event) {
            if (event.keyCode === 39) {
                rightKeyPressed = false;
            } else if (event.keyCode === 37) {
                leftKeyPressed = false;
            }
        }

// Game loop
        function draw() {
            context.clearRect(0, 0, canvas.width, canvas.height);

drawPlayer();
            drawTrain();
            drawScore();
            drawHealth();

if (missionComplete) {
                drawWinMessage();
                return;
            }

if (trainY > canvas.height) {
                resetTrain();
                reduceHealth();
            }

if (health <= 0) {
                drawGameOverMessage();
                return;
            }

if (checkCollision()) {
                increaseScore();
                resetTrain();
            }

if (rightKeyPressed && playerX < canvas.width - 50) {
                playerX += playerSpeed;
            } else if (leftKeyPressed && playerX > 0) {
                playerX -= playerSpeed;
            }

trainY += trainSpeed;
            requestAnimationFrame(draw);
        }

function drawPlayer() {
            var playerImg = document.createElement("img");
            playerImg.src = "pictogram.png";
            context.drawImage(playerImg, playerX, playerY, 50, 50);
        }

function drawTrain() {
            context.fillStyle = "blue";
            context.fillRect(trainX, trainY, trainWidth, trainHeight);
        }

function drawScore() {
            context.fillStyle = "black";
            context.font = "20px Arial";
            context.fillText("Score: " + score, 10, 30);
        }

function drawHealth() {
            context.fillStyle = "black";
            context.font = "20px Arial";
            context.fillText("Health: " + health, 10, 60);
        }

function drawWinMessage() {
            context.fillStyle = "green";
            context.font = "30px Arial";
            context.fillText("Mission Complete!", 100, 300);
        }

function drawGameOverMessage() {
            context.fillStyle = "red";
            context.font = "30px Arial";
            context.fillText("Game Over", 150, 300);
        }

function resetTrain() {
            trainX = Math.random() * (canvas.width - trainWidth);
            trainY = 0;
        }

function reduceHealth() {
            health -= 10;
        }

function increaseScore() {
            score += 1;

if (score >= 10) {
                missionComplete = true;
            }
        }

function checkCollision() {
            if (playerX < trainX + trainWidth &&
                playerX + 50 > trainX &&
                playerY < trainY + trainHeight &&
                playerY + 50 > trainY) {
                return true;
            }
            return false;
        }

draw();
    </script>
</body>
</html>