Once through the tunnel, I found myself in a snowy country.'s game

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

No:8493

1993

←

Prev Next

→

Once through the tunnel, I found myself in a snowy..ALL
Developer User3840｜Date and time 23/7/16 12:42:21
Build time 15.359 sec｜Game capacity 2.43KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>トンネルゲーム</title>
    <style>
        #player {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 3em;
        }
    </style>
</head>

<body>
    <script>
        var tunnel = document.createElement("div");
        tunnel.style.width = "100vw";
        tunnel.style.height = "100vh";
        tunnel.style.backgroundColor = "black";
        document.body.appendChild(tunnel);

var player = document.createElement("div");
        player.id = "player";
        player.innerHTML = "⚡️";
        document.body.appendChild(player);

var isPlaying = true;

document.addEventListener("keydown", function (event) {
            if (isPlaying) {
                var key = event.key;
                movePlayer(key);
            }
        });

function movePlayer(direction) {
            var playerPositionX = parseInt(player.style.left.replace("px", ""));
            var playerPositionY = parseInt(player.style.top.replace("px", ""));

switch (direction) {
                case "ArrowUp":
                    playerPositionY -= 10;
                    break;
                case "ArrowDown":
                    playerPositionY += 10;
                    break;
                case "ArrowLeft":
                    playerPositionX -= 10;
                    break;
                case "ArrowRight":
                    playerPositionX += 10;
                    break;
            }

player.style.left = playerPositionX + "px";
            player.style.top = playerPositionY + "px";

checkCollision();
        }

function checkCollision() {
            var playerPositionX = parseInt(player.style.left.replace("px", ""));
            var playerPositionY = parseInt(player.style.top.replace("px", ""));

if (playerPositionX < 0 || playerPositionX > window.innerWidth || playerPositionY < 0 || playerPositionY > window.innerHeight) {
                endGame();
            }
        }

function endGame() {
            isPlaying = false;
            alert("トンネルを抜けると、そこは雪国でした！ゲームオーバー！");
            player.innerHTML = "💥";
            player.style.color = "red";
        }
    </script>
</body>

</html>