Press Space to Jump Press W to walk up Press A to walk left Press S to walk down Press D to walk right Press Q to walk up-left Press E to walk up-right Press Z to walk down left Press F to walk down right Press Shift to Toggle Run Press I for Inventory Press B to Hit Press G to Shoot Press ESC to Exit Game Press Enter to Restart's game

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

No:21777

←

Prev Next

→

Press Space to Jump Press W to walk up Press A t..ALL
Developer User10064｜Date and time 23/10/18 8:46:35
Build time 117.723 sec｜Game capacity 7.154KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Jump and Run Game</title>
    <style>
        body {
            margin: 0;
            padding: 0;
        }
        
        #game-container {
            position: relative;
            width: 100%;
            height: 100vh;
            background-color: #000;
            overflow: hidden;
        }
        
        #player {
            position: absolute;
            left: 50%;
            bottom: 0;
            transform: translateX(-50%);
            width: 50px;
            height: 50px;
            background-color: #FFF;
        }
    </style>
</head>
<body>
    <script>
        // Game Constants
        const GRAVITY = 0.5;
        const JUMP_FORCE = 10;
        const PLAYER_SPEED = 5;
        
        // Game State Variables
        let player;
        let isJumping;
        let isWalkingUp;
        let isWalkingDown;
        let isWalkingLeft;
        let isWalkingRight;
        let isRunning;
        let isInventoryOpen;
        
        // Game Initialization
        function startGame() {
            player = document.getElementById("player");
        
            isJumping = false;
            isWalkingUp = false;
            isWalkingDown = false;
            isWalkingLeft = false;
            isWalkingRight = false;
            isRunning = false;
            isInventoryOpen = false;
        
            updatePlayerPosition();
        
            document.addEventListener("keydown", handleKeyDown);
            document.addEventListener("keyup", handleKeyUp);
        }
        
        // Update Player Position based on Movement Inputs
        function updatePlayerPosition() {
            let playerPosition = player.getBoundingClientRect();
            let container = document.getElementById("game-container").getBoundingClientRect();
        
            if (isJumping) {
                player.style.bottom = (playerPosition.bottom + JUMP_FORCE) + "px";
                isJumping = false;
            }
        
            if (isWalkingUp && playerPosition.top > container.top) {
                player.style.bottom = (playerPosition.bottom + PLAYER_SPEED) + "px";
            }
        
            if (isWalkingDown && playerPosition.bottom < container.bottom) {
                player.style.bottom = (playerPosition.bottom - PLAYER_SPEED) + "px";
            }
        
            if (isWalkingLeft && playerPosition.left > container.left) {
                player.style.left = (playerPosition.left - PLAYER_SPEED) + "px";
            }
        
            if (isWalkingRight && playerPosition.right < container.right) {
                player.style.left = (playerPosition.left + PLAYER_SPEED) + "px";
            }
        
            if (isRunning) {
                PLAYER_SPEED = 10;
            } else {
                PLAYER_SPEED = 5;
            }
        }
        
        // Handle Keyboard Key Press Events
        function handleKeyDown(event) {
            event.preventDefault();
        
            switch (event.keyCode) {
                case 32: // Space
                    isJumping = true;
                    break;
                case 87: // W
                    isWalkingUp = true;
                    break;
                case 83: // S
                    isWalkingDown = true;
                    break;
                case 65: // A
                    isWalkingLeft = true;
                    break;
                case 68: // D
                    isWalkingRight = true;
                    break;
                case 81: // Q
                    isWalkingUp = true;
                    isWalkingLeft = true;
                    break;
                case 69: // E
                    isWalkingUp = true;
                    isWalkingRight = true;
                    break;
                case 90: // Z
                    isWalkingDown = true;
                    isWalkingLeft = true;
                    break;
                case 70: // F
                    isWalkingDown = true;
                    isWalkingRight = true;
                    break;
                case 16: // Shift
                    isRunning = !isRunning;
                    break;
                case 73: // I
                    toggleInventory();
                    break;
                case 66: // B
                    performHit();
                    break;
                case 71: // G
                    performShoot();
                    break;
                case 27: // ESC
                    exitGame();
                    break;
                case 13: // Enter
                    restartGame();
                    break;
            }
        }
        
        // Handle Keyboard Key Release Events
        function handleKeyUp(event) {
            event.preventDefault();
        
            switch (event.keyCode) {
                case 87: // W
                    isWalkingUp = false;
                    break;
                case 83: // S
                    isWalkingDown = false;
                    break;
                case 65: // A
                    isWalkingLeft = false;
                    break;
                case 68: // D
                    isWalkingRight = false;
                    break;
                case 81: // Q
                    isWalkingUp = false;
                    isWalkingLeft = false;
                    break;
                case 69: // E
                    isWalkingUp = false;
                    isWalkingRight = false;
                    break;
                case 90: // Z
                    isWalkingDown = false;
                    isWalkingLeft = false;
                    break;
                case 70: // F
                    isWalkingDown = false;
                    isWalkingRight = false;
                    break;
            }
        }
        
        // Toggle Inventory Open/Closed
        function toggleInventory() {
            isInventoryOpen = !isInventoryOpen;
        
            if (isInventoryOpen) {
                console.log("Inventory Opened");
                // Open Inventory UI
            } else {
                console.log("Inventory Closed");
                // Close Inventory UI
            }
        }
        
        // Perform Hit Action
        function performHit() {
            console.log("Hit Performed");
            // Perform Hit Action
        }
        
        // Perform Shoot Action
        function performShoot() {
            console.log("Shoot Performed");
            // Perform Shoot Action
        }
        
        // Exit the Game
        function exitGame() {
            console.log("Game Exited");
            // Close the game window or take any other appropriate action
        }
        
        // Restart the Game
        function restartGame() {
            console.log("Game Restarted");
            startGame();
        }
        
        // Game Loop
        setInterval(updatePlayerPosition, 10);
        
        // Initial Game Start
        startGame();
    </script>
    <div id="game-container">
        <div id="player"></div>
    </div>
</body>
</html>