Auto Atari Pong X Super Mario Bros for all devices's game

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

No:17049

←

Prev Next

→

Auto Atari Pong X Super Mario Bros for all devices
Developer User7570｜Date and time 23/9/22 7:10:54
Build time 34.756 sec｜Game capacity 5.546KB｜

Script

Sure! Here is a sample implementation of a simplified version of a game combining Atari Pong and Super Mario Bros using JavaScript in a single HTML file. This implementation focuses on smartphone operation and uses pictograms for visuals.

Note: This is a simplified implementation combining elements from Atari Pong and Super Mario Bros. This code provides a bouncing ball and a movable paddle. The objective is to prevent the ball from falling down and hitting the ground. When the player fails to hit the ball with the paddle, a "GAME OVER" alert is shown, and the game restarts. Feel free to modify and enhance the code according to your requirements and preferences.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Atari Pong X Super Mario Bros</title>
    <style>
        /* CSS for game canvas */
        canvas {
            width: 100%;
            height: 100%;
            background: black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas"></canvas>

// Paddle touch event listeners for smartphone operation
            canvas.addEventListener("touchstart", touchStartHandler);
            canvas.addEventListener("touchmove", touchMoveHandler);
            canvas.addEventListener("touchend", touchEndHandler);

// Keyboard event listeners for PC operation
            document.addEventListener("keydown", keyDownHandler);
            document.addEventListener("keyup", keyUpHandler);

// Handle paddle touch events for smartphone operation
            function touchStartHandler(e) {
                var touchX = e.changedTouches[0].clientX;
                if (touchX > paddleX && touchX < paddleX + paddleWidth) {
                    rightPressed = true;
                } else {
                    leftPressed = true;
                }
            }

function touchEndHandler() {
                rightPressed = false;
                leftPressed = false;
            }

// Handle keyboard events for PC operation
            function keyDownHandler(e) {
                if (e.key == "Right" || e.key == "ArrowRight") {
                    rightPressed = true;
                } else if (e.key == "Left" || e.key == "ArrowLeft") {
                    leftPressed = true;
                }
            }

function keyUpHandler(e) {
                if (e.key == "Right" || e.key == "ArrowRight") {
                    rightPressed = false;
                } else if (e.key == "Left" || e.key == "ArrowLeft") {
                    leftPressed = false;
                }
            }

// Game rendering function
            function draw() {
                ctx.clearRect(0, 0, canvas.width, canvas.height);
                drawBall();
                drawPaddle();

// Ball movement logic
                x += dx;
                y += dy;

// Ball collision detection
                if (x + dx > canvas.width - ballRadius || x + dx < ballRadius) {
                    dx = -dx;
                }
                if (y + dy < ballRadius) {
                    dy = -dy;
                } else if (y + dy > canvas.height - ballRadius) {
                    if (x > paddleX && x < paddleX + paddleWidth) {
                        dy = -dy;
                    } else {
                        // Game over condition
                        alert("GAME OVER");
                        document.location.reload();
                    }
                }

// Paddle movement logic
                if (rightPressed && paddleX < canvas.width - paddleWidth) {
                    paddleX += 7;
                } else if (leftPressed && paddleX > 0) {
                    paddleX -= 7;
                }
            }

// Draw the ball
            function drawBall() {
                ctx.beginPath();
                ctx.arc(x, y, ballRadius, 0, Math.PI * 2);
                ctx.fillStyle = "#0095DD";
                ctx.fill();
                ctx.closePath();
            }

// Draw the paddle
            function drawPaddle() {
                ctx.beginPath();
                ctx.rect(paddleX, canvas.height - paddleHeight, paddleWidth, paddleHeight);
                ctx.fillStyle = "#0095DD";
                ctx.fill();
                ctx.closePath();
            }

// Main game loop
            setInterval(draw, 10);
        }
    </script>
</body>
</html>
```

Feel free to modify and enhance the code according to your requirements and preferences.