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

No:25112

125

←

Prev Next

→

акула идёт спасать хаге ваге
Developer User9148｜Date and time 23/11/18 0:41:05
Build time 61.989 sec｜Game capacity 2.431KB｜

Script

Акула идёт спасать Хаге Ваге

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE HTML>
<html>
<head>
    <title>Акула идёт спасать Хаге Ваге</title>
    <style>
        body {
            font-family: Arial, sans-serif;
        }

h1 {
            text-align: center;
        }

#game-container {
            width: 400px;
            margin: 0 auto;
        }

#player {
            width: 50px;
            height: 50px;
            background-image: url('pictograms/player.png');
            background-size: cover;
            position: relative;
            left: 0;
        }

#enemy {
            width: 50px;
            height: 50px;
            background-image: url('pictograms/enemy.png');
            background-size: cover;
            position: relative;
            left: 350px;
        }
    </style>
</head>
<body>
    <h1>Акула идёт спасать Хаге Ваге</h1>
    <div id="game-container">
        <div id="player"></div>
        <div id="enemy"></div>
    </div>

function movePlayer(event) {
                var keyCode = event.keyCode;
                var playerLeft = parseInt(window.getComputedStyle(player).getPropertyValue("left"));

if (keyCode === 37) { // Left Arrow Key
                    player.style.left = playerLeft - 10 + "px";
                } else if (keyCode === 39) { // Right Arrow Key
                    player.style.left = playerLeft + 10 + "px";
                }

checkCollision();
            }

function checkCollision() {
                var playerRect = player.getBoundingClientRect();
                var enemyRect = enemy.getBoundingClientRect();

if (playerRect.right >= enemyRect.left && playerRect.left <= enemyRect.right) {
                    gameOver();
                }
            }

function gameOver() {
                container.removeEventListener("keydown", movePlayer);
                alert("Игра окончена! Акула не смогла спасти Хаге Ваге.");
            }

container.addEventListener("keydown", movePlayer);
        });
    </script>
</body>
</html>