AI game creator

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

No:18444

←

Prev Next

→

FNAF
Developer User8170｜Date and time 23/9/29 14:32:05
Build time 28.035 sec｜Game capacity 2.51KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Five Nights at Freddy's</title>
    <style>
        body {
            font-family: Arial, sans-serif;
        }
        #game-area {
            width: 320px;
            height: 480px;
            border: 1px solid black;
            margin: 0 auto;
            overflow: hidden;
            position: relative;
        }
        #player {
            width: 50px;
            height: 50px;
            background: yellow;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
    </style>
</head>
<body>
    <div id="game-area">
        <div id="player"></div>
    </div>

var gameWidth = gameArea.offsetWidth;
        var gameHeight = gameArea.offsetHeight;

var playerWidth = player.offsetWidth;
        var playerHeight = player.offsetHeight;

var playerX = (gameWidth - playerWidth) / 2;
        var playerY = (gameHeight - playerHeight) / 2;

// Initialize player position
        player.style.left = playerX + 'px';
        player.style.top = playerY + 'px';

// Function to handle player movement
        function handleMovement(e) {
            var keyCode = e.keyCode;

// Arrow key codes for smartphone operation
            if (keyCode === 37) { // Left arrow
                playerX -= 10;
            } else if (keyCode === 39) { // Right arrow
                playerX += 10;
            } else if (keyCode === 38) { // Up arrow
                playerY -= 10;
            } else if (keyCode === 40) { // Down arrow
                playerY += 10;
            }

// Ensure player stays within game area
            if (playerX < 0) playerX = 0;
            if (playerY < 0) playerY = 0;
            if (playerX + playerWidth > gameWidth) playerX = gameWidth - playerWidth;
            if (playerY + playerHeight > gameHeight) playerY = gameHeight - playerHeight;

// Update player position
            player.style.left = playerX + 'px';
            player.style.top = playerY + 'px';
        }

// Event listener for keydown event
        document.addEventListener('keydown', handleMovement);
    </script>
</body>
</html>