Player is a man control it with arrows up to jump press edit to make play to test blocks:Ground. Hard block. :Enemys: big round dog named qwackers. Switch with a bar while editing use arrows to move cursor's game

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

No:20827

←

Prev Next

→

Player is a man control it with arrows up to jump ..ALL
Developer User9100｜Date and time 23/10/11 7:32:31
Build time 163.691 sec｜Game capacity 5.753KB｜

Script

Sure! Here's an example of a simple game implemented in a single HTML file using JavaScript. The game involves a player controlling a character with arrow keys on a smartphone. The game is a platformer where the player needs to navigate through blocks and avoid enemies.

You can copy the code above and save it as an HTML file. Open the file in your web browser, and you will be able to play the game on your smartphone. In the game, you control a blue character using the arrow keys. Press the up arrow key to make the character jump. Press the right and left arrow keys to move the character horizontally. The blocks, enemies, switch, and cursor represent the elements mentioned in the game description. You can navigate the cursor using the arrow keys to select different elements while editing. Please note that this is a basic implementation of the game and lacks additional features such as collision detection and scoring. Feel free to modify and enhance the code as per your requirements.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Platformer Game</title>
    <style>
        #game {
            width: 400px;
            height: 400px;
            border: 1px solid black;
            position: relative;
        }
        
        .character {
            width: 30px;
            height: 30px;
            background-color: blue;
            position: absolute;
            bottom: 0;
        }
        
        .block {
            width: 50px;
            height: 50px;
            background-color: gray;
            position: absolute;
        }
        
        .enemy {
            width: 40px;
            height: 40px;
            background-color: red;
            border-radius: 50%;
            position: absolute;
        }
        
        .switch {
            width: 100px;
            height: 10px;
            background-color: black;
            position: absolute;
        }
        
        .cursor {
            width: 10px;
            height: 10px;
            background-color: green;
            position: absolute;
        }
    </style>
</head>
<body>
    <div id="game">
        <div class="character"></div>
        <div class="block" style="top: 350px; left: 100px;"></div>
        <div class="block" style="top: 250px; left: 200px;"></div>
        <div class="enemy" style="top: 300px; left: 50px;"></div>
        <div class="switch" style="top: 200px; left: 300px;"></div>
        <div class="cursor"></div>
    </div>
    
    <script>
        var character = document.querySelector('.character');
        var blocks = Array.from(document.querySelectorAll('.block'));
        var enemies = Array.from(document.querySelectorAll('.enemy'));
        var switchBar = document.querySelector('.switch');
        var cursor = document.querySelector('.cursor');
        var gameWidth = 400;
        var gameHeight = 400;
        var characterX = 0;
        var characterY = 0;
        var isJumping = false;
        var gravity = 2;
        var jumpStrength = 30;
        var cursorIndex = 1;
        
        function handleKeyDown(event) {
            if (event.key === "ArrowUp" && !isJumping) {
                isJumping = true;
                jump();
            } else if (event.key === "ArrowRight") {
                moveRight();
            } else if (event.key === "ArrowLeft") {
                moveLeft();
            }
        }
        
        function jump() {
            let jumpInterval = setInterval(() => {
                if (characterY > 0) {
                    characterY -= gravity;
                    character.style.bottom = characterY + "px";
                } else {
                    clearInterval(jumpInterval);
                    isJumping = false;
                    characterY = 0;
                    character.style.bottom = characterY + "px";
                }
            }, 20);
        }
        
        function moveRight() {
            if (characterX < gameWidth - 30) {
                characterX += 10;
                character.style.left = characterX + "px";
            }
        }
        
        function moveLeft() {
            if (characterX > 0) {
                characterX -= 10;
                character.style.left = characterX + "px";
            }
        }
        
        function handleCursorMovement(event) {
            if (event.key === "ArrowUp") {
                if (cursorIndex > 0) {
                    cursorIndex -= 1;
                }
                moveCursor();
            } else if (event.key === "ArrowDown") {
                if (cursorIndex < 4) {
                    cursorIndex += 1;
                }
                moveCursor();
            } else if (event.key === "ArrowRight") {
                if (cursorIndex === 1 || cursorIndex === 3) {
                    if (cursor.style.left !== gameWidth - 10 + "px") {
                        let cursorPosition = parseInt(cursor.style.left) + 50;
                        cursor.style.left = cursorPosition + "px";
                    }
                }
            } else if (event.key === "ArrowLeft") {
                if (cursorIndex === 1 || cursorIndex === 3) {
                    if (cursor.style.left !== "0px") {
                        let cursorPosition = parseInt(cursor.style.left) - 50;
                        cursor.style.left = cursorPosition + "px";
                    }
                }
            }
        }
        
        function moveCursor() {
            let cursorPosition = cursorIndex * 50;
            cursor.style.top = cursorPosition + "px";
        }
        
        document.addEventListener("keydown", handleKeyDown);
        document.addEventListener("keydown", handleCursorMovement);
    </script>
</body>
</html>
```

You can copy the code above and save it as an HTML file. Open the file in your web browser, and you will be able to play the game on your smartphone.

In the game, you control a blue character using the arrow keys. Press the up arrow key to make the character jump. Press the right and left arrow keys to move the character horizontally.

The blocks, enemies, switch, and cursor represent the elements mentioned in the game description. You can navigate the cursor using the arrow keys to select different elements while editing.

Please note that this is a basic implementation of the game and lacks additional features such as collision detection and scoring. Feel free to modify and enhance the code as per your requirements.