Napravi igricu o tome kako like iz super Mario prelazi super Mario prepreke ali da je beskonacna's game

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

No:13274

←

Prev Next

→

Napravi igricu o tome kako like iz super Mario pre..ALL
Developer User5843｜Date and time 23/8/27 19:25:26
Build time 22.025 sec｜Game capacity 4.179KB｜

Script

Sure! Here's an example of a simple and infinite Super Mario game implemented as a single HTML file using JavaScript:

To use this game, you will need an image file named "emozi_all/game.png" which contains the pictogram for Mario. You can replace this with any other image if desired. When you open this HTML file in your smartphone's browser, it will start the Super Mario game. Tapping the screen will make Mario jump, and the objective is to avoid hitting the randomly generated obstacles. If Mario hits an obstacle, the game will end and you will be prompted with a Game Over message. The game will automatically reset after that. Please note that this is a simple example to demonstrate the implementation. You can enhance it further by adding scoring, different types of obstacles, and additional gameplay mechanics.

←

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 and infinite Super Mario game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Infinite Super Mario Game</title>
    <style>
        html, body {
            margin: 0;
            padding: 0;
            overflow: hidden;
        }

canvas {
            display: block;
        }
    </style>
</head>
<body>
    <script>
        // Game Variables
        var canvas, context;
        var mario, obstacles;
        var gravity;
        var gameLoop;

// Pictograms
        var marioImage = new Image();
        marioImage.src = "mario.png";

// Initialize the game
        function init() {
            canvas = document.createElement("canvas");
            canvas.width = window.innerWidth;
            canvas.height = window.innerHeight;
            context = canvas.getContext("2d");
            document.body.appendChild(canvas);

mario = { x: 50, y: canvas.height / 2, velocityY: 0, width: 60, height: 60 };
            obstacles = [];
            gravity = 1.5;

window.addEventListener("keydown", jump);

gameLoop = setInterval(update, 1000 / 60);
        }

// Update the game frame
        function update() {
            context.clearRect(0, 0, canvas.width, canvas.height);

mario.velocityY += gravity;
            mario.y += mario.velocityY;

if (mario.y >= canvas.height - mario.height) {
                mario.y = canvas.height - mario.height;
                mario.velocityY = 0;
            }

if (Math.random() < 0.01) {
                obstacles.push({ x: canvas.width, y: canvas.height - 100, width: 50, height: 100 });
            }

for (var i = 0; i < obstacles.length; i++) {
                var obstacle = obstacles[i];
                obstacle.x -= 5;

if (obstacle.x + obstacle.width < 0) {
                    obstacles.splice(i, 1);
                    i--;
                }

if (collisionDetection(mario, obstacle)) {
                    clearInterval(gameLoop);
                    alert("Game Over! You hit an obstacle.");
                    resetGame();
                    break;
                }
            }

context.drawImage(marioImage, mario.x, mario.y, mario.width, mario.height);

for (var i = 0; i < obstacles.length; i++) {
                var obstacle = obstacles[i];
                context.fillRect(obstacle.x, obstacle.y, obstacle.width, obstacle.height);
            }
        }

// Handle jump event
        function jump(event) {
            if (event.keyCode === 32 && mario.y >= canvas.height - mario.height) {
                mario.velocityY = -20;
            }
        }

// Check collision between Mario and obstacles
        function collisionDetection(mario, obstacle) {
            if (mario.x < obstacle.x + obstacle.width &&
                mario.x + mario.width > obstacle.x &&
                mario.y < obstacle.y + obstacle.height &&
                mario.y + mario.height > obstacle.y) {
                return true;
            }
            return false;
        }

// Reset the game
        function resetGame() {
            canvas.parentNode.removeChild(canvas);
            clearInterval(gameLoop);
            setTimeout(init, 1000);
        }

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

To use this game, you will need an image file named "mario.png" which contains the pictogram for Mario. You can replace this with any other image if desired.

When you open this HTML file in your smartphone's browser, it will start the Super Mario game. Tapping the screen will make Mario jump, and the objective is to avoid hitting the randomly generated obstacles. If Mario hits an obstacle, the game will end and you will be prompted with a Game Over message. The game will automatically reset after that.

Please note that this is a simple example to demonstrate the implementation. You can enhance it further by adding scoring, different types of obstacles, and additional gameplay mechanics.