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

No:34983

Mario but I can control him and there are an enemy..ALL
Developer User9045｜Date and time 24/1/12 21:59:50
Build time 16.549 sec｜Game capacity 3.76KB｜

Script

Sure! Here's an example of a simple game similar to the description you provided. It uses HTML, CSS, and JavaScript to create a game where you control a character (represented by a pictogram) and try to avoid an enemy. You can run this code in a single HTML file:

Mario Escape

👨

👻

Score: 0

Copy the above code and save it with an `.html` extension. When you open the HTML file on your smartphone, it will display the game. You can control Mario's position by touching the screen, and the enemy will move towards Mario. Try to avoid the enemy as long as possible and your score will increase. If the enemy collides with Mario, the game will end and display your score.

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Mario Escape</title>
    <style>
        #game-container {
            width: 500px;
            height: 300px;
            position: relative;
            background-color: lightgray;
            overflow: hidden;
        }
        #player {
            position: absolute;
            bottom: 0;
            left: 0;
            font-size: 32px;
        }
        #enemy {
            position: absolute;
            bottom: 0;
            right: 0;
            font-size: 32px;
        }
        #score {
            font-size: 24px;
            margin-top: 10px;
        }
    </style>
</head>
<body>
    <h1>Mario Escape</h1>
    <div id="game-container">
        <div id="player">👨</div>
        <div id="enemy">👻</div>
    </div>
    <div id="score">Score: 0</div>

var score = 0;
        var playerX = 0;
        var playerY = 0;
        var enemyX = gameContainer.clientWidth - enemy.clientWidth;
        var enemyY = 0;
        var enemySpeed = 2;

// Update player position based on touch events
        window.addEventListener("touchstart", function(event) {
            playerX = event.touches[0].clientX - player.clientWidth / 2;
            playerY = event.touches[0].clientY - player.clientHeight / 2;
            updatePlayerPosition();
        });

// Game Loop
        var gameLoop = setInterval(function() {
            // Update enemy position
            enemyY += enemySpeed;
            if (enemyY > gameContainer.clientHeight - enemy.clientHeight) {
                enemyY = 0;
                enemyX = Math.random() * (gameContainer.clientWidth - enemy.clientWidth);
                score++;
                scoreDisplay.innerText = "Score: " + score;
            }
            updateEnemyPosition();

// Check if player collided with enemy
            if (isColliding(player, enemy)) {
                clearInterval(gameLoop);
                alert("Game Over! Your Score: " + score);
            }
        }, 10);

// Update player position
        function updatePlayerPosition() {
            player.style.left = playerX + "px";
            player.style.top = playerY + "px";
        }

// Update enemy position
        function updateEnemyPosition() {
            enemy.style.left = enemyX + "px";
            enemy.style.top = enemyY + "px";
        }

// Check collision between player and enemy
        function isColliding(element1, element2) {
            var rect1 = element1.getBoundingClientRect();
            var rect2 = element2.getBoundingClientRect();
            return !(rect1.right < rect2.left ||
                rect1.left > rect2.right ||
                rect1.bottom < rect2.top ||
                rect1.top > rect2.bottom);
        }
    </script>
</body>
</html>
```