AI game creator

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

No:24895

←

Prev Next

→

Mario and sonic
Developer User12007｜Date and time 23/11/14 13:15:51
Build time 107.863 sec｜Game capacity 3.262KB｜

Script

Sure! Here's an example of a simple game combining elements from Mario and Sonic using JavaScript:

In this game, you control a blue square player using the arrow keys. Press the up arrow key to make the player jump, right arrow key to move right, and left arrow key to move left. The player is subject to gravity and will collide with the boundaries of the canvas. Of course, this is a very basic example, but you can customize and expand upon it to create your own unique Mario & Sonic game using JavaScript!

←

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 game combining elements from Mario and Sonic using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Mario & Sonic Game</title>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="500"></canvas>
    <script>
        // Game Initialization
        const canvas = document.getElementById("gameCanvas");
        const ctx = canvas.getContext("2d");

// Player Initialization
        const player = {
            x: 50,
            y: canvas.height / 2,
            width: 50,
            height: 50,
            speed: 7,
            jumping: false,
            dy: 0
        };

// Controls
        const controls = {
            ArrowUp: 'jump',
            ArrowRight: 'moveRight',
            ArrowLeft: 'moveLeft'
        };

let keys = {};

// Key Press Event Listener
        document.addEventListener("keydown", function (event) {
            keys[event.code] = true;
        });

// Key Release Event Listener
        document.addEventListener("keyup", function (event) {
            keys[event.code] = false;
        });

// Game Loop
        function gameLoop() {
            // Clear the canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Update player position
            updatePlayer();

// Draw player
            drawPlayer();

// Call game loop recursively
            requestAnimationFrame(gameLoop);
        }

// Update player position
        function updatePlayer() {
            if (keys[controls.ArrowUp] && !player.jumping) {
                player.dy -= 20;
                player.jumping = true;
            }

if (keys[controls.ArrowRight]) {
                player.x += player.speed;
            }

if (keys[controls.ArrowLeft]) {
                player.x -= player.speed;
            }

// Gravity
            player.dy += 1;
            player.y += player.dy;
            player.dy *= 0.9;

// Check boundaries
            if (player.y + player.height > canvas.height) {
                player.y = canvas.height - player.height;
                player.jumping = false;
            }

// Prevent player from going out of bounds
            if (player.x < 0) {
                player.x = 0;
            }
            if (player.x + player.width > canvas.width) {
                player.x = canvas.width - player.width;
            }
        }

// Draw player
        function drawPlayer() {
            ctx.fillStyle = "blue";
            ctx.fillRect(player.x, player.y, player.width, player.height);
        }

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

Of course, this is a very basic example, but you can customize and expand upon it to create your own unique Mario & Sonic game using JavaScript!