Make a Mario like game that is advanced and good use of controls (use a lot of time)'s game

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

No:11126

175

←

Prev Next

→

Make a Mario like game that is advanced and good u..ALL
Developer unknown｜Date and time 23/8/8 0:32:34
Build time 32.745 sec｜Game capacity 4.15KB｜

Script

Sure! Here's a simple example of a Mario-like game implemented as a single HTML file, using JavaScript and enclosed in script tags. Please note that this is a basic version and may not have every feature you expect in a fully advanced game.

This simple game allows the player to control a blue rectangle using the left and right arrow keys for horizontal movement, and the up arrow key to jump. The player is affected by gravity and can only jump when not already jumping or falling. The game loop continuously updates and renders the game state, providing a smooth gameplay experience.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Mario Game</title>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>

// Initialize the game
        function init() {
            canvas = document.getElementById('gameCanvas');
            ctx = canvas.getContext('2d');

// Player properties
            playerWidth = 40;
            playerHeight = 60;
            playerX = canvas.width / 2 - playerWidth / 2;
            playerY = canvas.height - playerHeight;
            playerSpeedX = 5;
            playerSpeedY = 0;
            gravity = 0.6;
            jumpForce = 12;
            isJumping = false;
            isFalling = false;

// Event listeners
            document.addEventListener('keydown', handleKeyDown);
            document.addEventListener('keyup', handleKeyUp);

// Start the game loop
            gameLoop();
        }

// Update game state
        function update() {
            // Player movement
            playerX += playerSpeedX;
            playerY += playerSpeedY;

// Apply gravity
            if (playerY < canvas.height - playerHeight) { // Player is above the ground
                playerSpeedY += gravity;
                isFalling = true;
            } else { // Player is on the ground
                playerSpeedY = 0;
                playerY = canvas.height - playerHeight;
                isFalling = false;

// Reset jump
                isJumping = false;
            }

// Keep player within canvas bounds
            if (playerX < 0) {
                playerX = 0;
            }
            if (playerX + playerWidth > canvas.width) {
                playerX = canvas.width - playerWidth;
            }
        }

// Render game objects
        function render() {
            // Clear canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
            ctx.fillStyle = 'blue';
            ctx.fillRect(playerX, playerY, playerWidth, playerHeight);
        }

// Handle keyboard keydown events
        function handleKeyDown(e) {
            if (e.key === 'ArrowLeft') {
                playerSpeedX = -5; // Move left
            } else if (e.key === 'ArrowRight') {
                playerSpeedX = 5; // Move right
            } else if (e.key === 'ArrowUp') {
                if (!isJumping && !isFalling) {
                    playerSpeedY -= jumpForce; // Jump
                    isJumping = true;
                }
            }
        }

// Handle keyboard keyup events
        function handleKeyUp(e) {
            if (e.key === 'ArrowLeft' || e.key === 'ArrowRight') {
                playerSpeedX = 0; // Stop horizontal movement
            }
        }

// Game loop
        function gameLoop() {
            update();
            render();
            requestAnimationFrame(gameLoop);
        }

// Start the game
        window.onload = function() {
            init();
        };
    </script>
</body>
</html>
```