Super Mario Bros with Atari Pong for all devices's game

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

No:17140

115

←

Prev Next

→

Super Mario Bros with Atari Pong for all devices
Developer User7570｜Date and time 23/9/22 9:17:45
Build time 29.209 sec｜Game capacity 4.156KB｜

Script

Sure, here's an example of a simple game that combines elements from Super Mario Bros and Atari Pong. The game is designed to be played on any device, including smartphones. Since I can't actually implement it as an HTML file here, I'll provide you with the JavaScript code enclosed in script tags. You can copy and paste this code into an HTML file to run it as a game.

This code sets up a canvas element and draws a ball and a paddle. The ball moves around the screen and bounces off the walls and the paddle. The player can control the paddle using the left and right arrow keys. If the ball hits the bottom wall, the game is over and the page is refreshed. Please note that this is a very basic implementation of the game and can be expanded with additional features and levels to make it more like Super Mario Bros or Atari Pong. Feel free to modify and enhance the code as per your requirements.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Super Mario Pong</title>
    <style>
        canvas {
            border: 1px solid black;
            background-color: #f1f1f1;
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="400"></canvas>

// Handling key presses
        document.addEventListener("keydown", keyDownHandler);
        document.addEventListener("keyup", keyUpHandler);

function keyDownHandler(event) {
            if (event.code === "ArrowLeft") {
                leftPressed = true;
            } else if (event.code === "ArrowRight") {
                rightPressed = true;
            }
        }

function keyUpHandler(event) {
            if (event.code === "ArrowLeft") {
                leftPressed = false;
            } else if (event.code === "ArrowRight") {
                rightPressed = false;
            }
        }

// Drawing the game elements
        function drawBall() {
            context.beginPath();
            context.arc(ball.x, ball.y, ball.radius, 0, Math.PI * 2);
            context.fillStyle = "#000";
            context.fill();
            context.closePath();
        }

function drawPaddle() {
            context.beginPath();
            context.rect(paddle.x, paddle.y, paddle.width, paddle.height);
            context.fillStyle = "#000";
            context.fill();
            context.closePath();
        }

function draw() {
            context.clearRect(0, 0, canvas.width, canvas.height);
            drawBall();
            drawPaddle();

// Updating ball position
            ball.x += ball.dx;
            ball.y += ball.dy;

// Collisions with walls
            if (ball.x + ball.radius > canvas.width || ball.x - ball.radius < 0) {
                ball.dx = -ball.dx;
            }
            if (ball.y - ball.radius < 0) {
                ball.dy = -ball.dy;
            }

// Collisions with paddle
            if (
                ball.y + ball.dy > canvas.height - ball.radius &&
                ball.x + ball.dx > paddle.x &&
                ball.x + ball.dx < paddle.x + paddle.width
            ) {
                ball.dy = -ball.dy;
            }

// Moving the paddle
            if (leftPressed && paddle.x > 0) {
                paddle.x -= 7;
            } else if (rightPressed && paddle.x + paddle.width < canvas.width) {
                paddle.x += 7;
            }

// Game over condition
            if (ball.y + ball.dy > canvas.height) {
                alert("Game Over");
                document.location.reload();
            }

requestAnimationFrame(draw);
        }

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

Please note that this is a very basic implementation of the game and can be expanded with additional features and levels to make it more like Super Mario Bros or Atari Pong. Feel free to modify and enhance the code as per your requirements.