Super Mario mobile game's game

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

No:43359

←

Prev Next

→

Super Mario mobile game
Developer User19162｜Date and time 24/2/15 8:55:14
Build time 9.362 sec｜Game capacity 3.649KB｜

Script

As an AI language model, I can provide you with a simple example of how you can create a basic mobile game resembling Super Mario using HTML and JavaScript. Please note that this example is for illustrative purposes only and may not be a fully functional game. Additionally, due to the limitations of this text-based platform, I can only provide the code logic without the actual rendering of pictograms. Here's an example for you:

This is just a simplified example to give you an idea of how you can create a basic mobile game resembling Super Mario using HTML and JavaScript. Please note that this code may require additional improvements and modifications to meet your specific requirements and provide a better gaming experience.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Super Mario Mobile Game</title>
    <style>
        #game-container {
            width: 100%;
            height: 100vh;
            background-color: #000;
            overflow: hidden;
        }
        
        #player {
            position: absolute;
            left: 50px;
            bottom: 0;
            width: 30px;
            height: 30px;
            background-image: url('mario.png'); /* Replace with actual pictogram */
            background-size: cover;
        }
        
        .obstacle {
            position: absolute;
            width: 40px;
            height: 40px;
            background-image: url('brick.png'); /* Replace with actual pictogram */
            background-size: cover;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <div id="player"></div>
        <div id="obstacle1" class="obstacle" style="left: 300px; bottom: 0;"></div>
        
    </div>

function jump() {
            player.style.bottom = parseInt(player.style.bottom) + jumpStrength + "px";
        }

function applyGravity() {
            var currentBottom = parseInt(player.style.bottom);
            var boundingRect = gameContainer.getBoundingClientRect();

if (currentBottom > 0 && currentBottom >= boundingRect.bottom - player.offsetHeight) {
                clearInterval(gameLoop);
            } else {
                player.style.bottom = currentBottom - gravity + "px";
            }
        }

function isColliding(element1, element2) {
            var rect1 = element1.getBoundingClientRect();
            var rect2 = element2.getBoundingClientRect();

return (
                rect1.left < rect2.right &&
                rect1.right > rect2.left &&
                rect1.top < rect2.bottom &&
                rect1.bottom > rect2.top
            );
        }

function startGame() {
            gameLoop = setInterval(function () {
                applyGravity();
                checkCollision();
            }, 10);
        }

document.addEventListener("touchstart", function () {
            jump();
        });

startGame();
    </script>
</body>
</html>
```