A 2-D platform Runner with attack shoot run, slide and jump. There are enemies along each platform and you have to beat them or they’ll beat you.'s game

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

No:10635

←

Prev Next

→

A 2-D platform Runner with attack shoot run, slide..ALL
Developer User4587｜Date and time 23/8/1 12:13:45
Build time 37.684 sec｜Game capacity 5.505KB｜

Script

Sure! Here's an example of a simple 2D platform runner game implemented as a single HTML file with JavaScript. It utilizes pictograms and allows for smartphone operation:

Score: 0

You can copy and paste this code into a single HTML file, save it with a .html extension, and open it in a web browser. It should then run as a game where you control a player character with jump, slide, and attack actions to defeat enemies while avoiding collisions. The score is displayed in the top right corner, and the game ends when a collision occurs.

←

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 2D platform runner game implemented as a single HTML file with JavaScript. It utilizes pictograms and allows for smartphone operation:

```html
<!DOCTYPE html>
<html>
<head>
    <style>
        #game {
            position: relative;
            width: 100%;
            height: 500px;
            background-color: #f5f5f5;
        }

.player {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 50px;
            height: 50px;
            background-color: red;
        }

.enemy {
            position: absolute;
            bottom: 0;
            width: 50px;
            height: 50px;
            background-color: blue;
        }

#score {
            font-size: 20px;
        }
    </style>
</head>
<body>
    <div id="game">
        <div class="player"></div>
        <div id="score">Score: 0</div>
    </div>

// Player controls
        var controls = {
            ArrowUp: 'jump',
            ArrowDown: 'slide',
            Space: 'attack'
        };

// Game initialization
        function startGame() {
            document.addEventListener('keydown', handleKeyPress);
            setInterval(updateGame, gameSpeed);
        }

// Handle player controls
        function handleKeyPress(event) {
            var action = controls[event.key];
            if (action === 'jump' && !isJumping) {
                jump();
            } else if (action === 'slide' && !isSliding) {
                slide();
            } else if (action === 'attack') {
                attack();
            }
        }

// Update the game state
        function updateGame() {
            movePlayer();
            moveEnemies();

if (isColliding()) {
                gameOver();
            }

// Increase score over time
            score++;
            document.getElementById('score').innerText = 'Score: ' + score;
        }

// Move the player
        function movePlayer() {
            var player = document.querySelector('.player');
            var playerPosition = parseInt(player.style.left) || 0;
            
            if (playerPosition < 0) {
                playerPosition = 0;
            }
            
            playerPosition += playerSpeed;
            player.style.left = playerPosition + 'px';
        }

// Move the enemies
        function moveEnemies() {
            var enemies = document.querySelectorAll('.enemy');
            
            enemies.forEach(function (enemy) {
                var enemyPosition = parseInt(enemy.style.right) || 0;
                
                if (enemyPosition > window.innerWidth) {
                    enemyPosition = -50;
                }
                
                enemyPosition += playerSpeed;
                enemy.style.right = enemyPosition + 'px';
            });
        }

// Handle player jumping
        function jump() {
            isJumping = true;
            document.querySelector('.player').style.bottom = '100px';

setTimeout(function () {
                isJumping = false;
                document.querySelector('.player').style.bottom = '0';
            }, 500);
        }

// Handle player sliding
        function slide() {
            isSliding = true;
            document.querySelector('.player').style.width = '100px';

setTimeout(function () {
                isSliding = false;
                document.querySelector('.player').style.width = '50px';
            }, 500);
        }

// Handle player attack
        function attack() {
            var enemies = document.querySelectorAll('.enemy');

enemies.forEach(function (enemy) {
                if (isColliding(enemy)) {
                    enemy.style.display = 'none';
                    score += 10;
                }
            });
        }

// Check if player collides with enemy
        function isColliding(enemy) {
            var player = document.querySelector('.player');
            var playerRect = player.getBoundingClientRect();

if (enemy) {
                var enemyRect = enemy.getBoundingClientRect();
                return (
                    playerRect.left < enemyRect.right &&
                    playerRect.right > enemyRect.left &&
                    playerRect.top < enemyRect.bottom &&
                    playerRect.bottom > enemyRect.top
                );
            } else {
                return false;
            }
        }

// Game over
        function gameOver() {
            clearInterval(updateGame);
            document.removeEventListener('keydown', handleKeyPress);

// Display game over message
            document.getElementById('score').innerText = 'Game Over! Final Score: ' + score;
        }

// Start the game
        startGame();
    </script>
</body>
</html>
```