AI game creator

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

No:16041

←

Prev Next

→

Running and jumping
Developer User7096｜Date and time 23/9/15 17:02:27
Build time 34.692 sec｜Game capacity 3.661KB｜

Script

Sure! Here's an example of a simple running and jumping game implemented using HTML, JavaScript, and pictograms. Save the code below into a single HTML file and open it in a web browser to play.

This game consists of a player character represented by a picture, a ground, and the ability to run and jump. To control the player character, press and hold the space bar to make it jump. The player will fall back down due to gravity when the space bar is released. The game continues until you close the browser tab. Note: The provided pictogram image is just a placeholder, feel free to replace it with any image URL of your choice.

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

Sure! Here's an example of a simple running and jumping game implemented using HTML, JavaScript, and pictograms. Save the code below into a single HTML file and open it in a web browser to play.

```html
<!DOCTYPE html>
<html>
<head>
    <title>Running and Jumping Game</title>
    <style>
        #game {
            position: relative;
            width: 400px;
            height: 200px;
            background-color: #F6F6F6;
            overflow: hidden;
            border: 1px solid #DDD;
        }
        
        #player {
            position: absolute;
            left: 50px;
            bottom: 0;
            width: 50px;
            height: 50px;
            background-image: url('https://cdn.pixabay.com/photo/2016/03/31/19/58/avatar-1295429_960_720.png');
            background-size: cover;
        }

#ground {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 10px;
            background-color: #333;
        }
    </style>
</head>
<body>
    <div id="game">
        <div id="player"></div>
        <div id="ground"></div>
    </div>

// Game variables
        let player;
        let ground;
        let isJumping;

function initialize() {
            player = document.getElementById('player');
            ground = document.getElementById('ground');
            isJumping = false;

document.addEventListener('keydown', handleKeyDown);
            document.addEventListener('keyup', handleKeyUp);

setInterval(updateGame, 20); // Call updateGame every 20 milliseconds
        }

function handleKeyDown(event) {
            if (event.keyCode === 32 && !isJumping) { // Space key
                isJumping = true;
                player.style.bottom = '50px'; // Jump the player
            }
        }

function handleKeyUp(event) {
            if (event.keyCode === 32) { // Space key
                isJumping = false;
            }
        }

function updateGame() {
            const playerBottom = parseInt(player.style.bottom);
            const groundTop = parseInt(ground.style.top);

if (isJumping) {
                const newY = playerBottom + JUMP_FORCE - GRAVITY;
                if (newY < 200 - PLAYER_HEIGHT) {
                    player.style.bottom = newY + 'px'; // Update player position during jump
                } else {
                    isJumping = false; // Stop jumping if player has reached the top
                }
            } else if (playerBottom > groundTop) {
                const newY = playerBottom - GRAVITY;
                if (newY > 0) {
                    player.style.bottom = newY + 'px'; // Update player position during fall
                } else {
                    player.style.bottom = '0px'; // Reset player position when it reaches the ground
                }
            }
        }

window.onload = initialize;
    </script>
</body>
</html>
```

Note: The provided pictogram image is just a placeholder, feel free to replace it with any image URL of your choice.