AI game creator

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

No:25835

←

Prev Next

→

Mario run
Developer User12686｜Date and time 23/11/25 1:04:29
Build time 113.046 sec｜Game capacity 4.146KB｜

Script

Sure, here's a simple implementation of a game called "Mario Run" using JavaScript and pictograms. Note that due to the limitations of this text-based environment, the code formatting and design may not be ideal. Remember to save the code as an HTML file and open it in a web browser to play the game.

In this game, you control Mario using the left and right arrow keys. The goal is to avoid colliding with the obstacle (represented by a pictogram) that moves from right to left on the screen. When a collision occurs, an alert is shown, and the game is reset.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Mario Run</title>
    <style>
        canvas {
            border: 1px solid black;
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="400"></canvas>
    <script>
        // Game variables
        var canvas, ctx;
        var marioImage, marioX, marioY, marioSpeed;
        var isMovingLeft, isMovingRight;
        var obstacleImage, obstacleX, obstacleY, obstacleSpeed;

// Initialize the game
        function init() {
            canvas = document.getElementById("gameCanvas");
            ctx = canvas.getContext("2d");
            document.addEventListener("keydown", handleKeyDown);
            document.addEventListener("keyup", handleKeyUp);
            marioImage = new Image();
            marioImage.src = "mario.png";
            marioX = canvas.width / 2;
            marioY = canvas.height - 80;
            marioSpeed = 5;
            isMovingLeft = false;
            isMovingRight = false;
            obstacleImage = new Image();
            obstacleImage.src = "obstacle.png";
            obstacleX = canvas.width;
            obstacleY = canvas.height - 100;
            obstacleSpeed = 2;
            setInterval(updateGame, 20);
        }

// Handle keydown event
        function handleKeyDown(event) {
            if (event.key === "ArrowLeft") {
                isMovingLeft = true;
            } else if (event.key === "ArrowRight") {
                isMovingRight = true;
            }
        }

// Handle keyup event
        function handleKeyUp(event) {
            if (event.key === "ArrowLeft") {
                isMovingLeft = false;
            } else if (event.key === "ArrowRight") {
                isMovingRight = false;
            }
        }

// Update game state
        function updateGame() {
            clearCanvas();
            moveMario();
            moveObstacle();
            drawMario();
            drawObstacle();
            checkCollision();
        }

// Clear the canvas
        function clearCanvas() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
        }

// Move Mario based on user input
        function moveMario() {
            if (isMovingLeft && marioX > 0) {
                marioX -= marioSpeed;
            }
            if (isMovingRight && marioX < canvas.width - 80) {
                marioX += marioSpeed;
            }
        }

// Move the obstacle
        function moveObstacle() {
            obstacleX -= obstacleSpeed;
            if (obstacleX < -80) {
                obstacleX = canvas.width;
            }
        }

// Draw Mario on the canvas
        function drawMario() {
            ctx.drawImage(marioImage, marioX, marioY, 80, 80);
        }

// Draw the obstacle on the canvas
        function drawObstacle() {
            ctx.drawImage(obstacleImage, obstacleX, obstacleY, 80, 80);
        }

// Check collision between Mario and the obstacle
        function checkCollision() {
            if (
                marioX < obstacleX + 80 &&
                marioX + 80 > obstacleX &&
                marioY < obstacleY + 80 &&
                marioY + 80 > obstacleY
            ) {
                alert("Game over!");
                marioX = canvas.width / 2;
                marioY = canvas.height - 80;
                obstacleX = canvas.width;
            }
        }

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