Hair un jeux en 2d ou le but et d'arriver a un drapeux en passant part plein d'obstacles et d'enemmi les ennemis ressembleront a des animatronic de fnaf Et le personnage principal resemblera a purple guy Et le jeux s'appellera FNAF plateforme hard's game

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

No:31440

←

Prev Next

→

Hair un jeux en 2d ou le but et d'arriver a un dra..ALL
Developer User15140｜Date and time 23/12/26 23:11:44
Build time 34.506 sec｜Game capacity 4.63KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
    <style>
        #gameArea {
            width: 800px;
            height: 600px;
            background-color: #000;
            position: relative;
        }
        
        #player {
            width: 50px;
            height: 100px;
            background-color: purple;
            position: absolute;
            bottom: 0;
            left: 0;
        }
        
        .obstacle {
            width: 100px;
            height: 50px;
            background-color: red;
            position: absolute;
        }
        
        .enemy {
            width: 100px;
            height: 100px;
            background-color: yellow;
            position: absolute;
        }
        
        #flag {
            width: 50px;
            height: 100px;
            background-color: green;
            position: absolute;
            bottom: 0;
            right: 0;
        }
    </style>
</head>
<body>
    <div id="gameArea">
        <div id="player"></div>
        <div id="obstacle1" class="obstacle" style="left: 200px; bottom: 0;"></div>
        <div id="obstacle2" class="obstacle" style="left: 400px; bottom: 0;"></div>
        <div id="obstacle3" class="obstacle" style="left: 600px; bottom: 0;"></div>
        <div id="enemy1" class="enemy" style="left: 300px; bottom: 0;"></div>
        <div id="enemy2" class="enemy" style="left: 500px; bottom: 0;"></div>
        <div id="flag"></div>
    </div>
    
    <script>
        document.addEventListener("DOMContentLoaded", function () {
            var player = document.getElementById("player");
            var gameArea = document.getElementById("gameArea");
            var obstacles = document.getElementsByClassName("obstacle");
            var enemies = document.getElementsByClassName("enemy");
            var flag = document.getElementById("flag");
            var gameInterval;
            
            function movePlayerLeft() {
                var leftPosition = player.offsetLeft;
                if (leftPosition > 0) {
                    player.style.left = leftPosition - 10 + "px";
                }
            }
            
            function movePlayerRight() {
                var leftPosition = player.offsetLeft;
                var gameAreaWidth = gameArea.offsetWidth;
                var playerWidth = player.offsetWidth;
                
                if (leftPosition < gameAreaWidth - playerWidth) {
                    player.style.left = leftPosition + 10 + "px";
                }
            }
            
            function checkCollision() {
                var playerRect = player.getBoundingClientRect();
                
                for (var i = 0; i < obstacles.length; i++) {
                    var obstacleRect = obstacles[i].getBoundingClientRect();
                    if (isColliding(playerRect, obstacleRect)) {
                        gameOver();
                        return;
                    }
                }
                
                for (var j = 0; j < enemies.length; j++) {
                    var enemyRect = enemies[j].getBoundingClientRect();
                    if (isColliding(playerRect, enemyRect)) {
                        gameOver();
                        return;
                    }
                }
                
                var flagRect = flag.getBoundingClientRect();
                if (isColliding(playerRect, flagRect)) {
                    victory();
                }
            }
            
            function isColliding(rect1, rect2) {
                return (
                    rect1.left < rect2.right &&
                    rect1.right > rect2.left &&
                    rect1.top < rect2.bottom &&
                    rect1.bottom > rect2.top
                );
            }
            
            function gameOver() {
                clearInterval(gameInterval);
                alert("Game Over");
            }
            
            function victory() {
                clearInterval(gameInterval);
                alert("Victory!");
            }
            
            function startGame() {
                gameInterval = setInterval(function () {
                    checkCollision();
                }, 10);
            }
            
            document.addEventListener("keydown", function (event) {
                if (event.keyCode === 37) {
                    movePlayerLeft();
                } else if (event.keyCode === 39) {
                    movePlayerRight();
                }
            });
            
            startGame();
        });
    </script>
</body>
</html>