Super Mario-like game's game

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

No:50056

←

Prev Next

→

Super Mario-like game
Developer User21218｜Date and time 24/3/7 14:42:52
Build time 9.166 sec｜Game capacity 3.081KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Super Mario-like Game</title>
</head>
<body>

let grid = [
        [player, ' ', ' ', ' ', obstacle],
        [' ', ' ', ' ', ' ', ' '],
        [' ', obstacle, obstacle, ' ', ' '],
        [' ', ' ', ' ', ' ', ' '],
        [coin, ' ', goal, ' ', ' ']
    ];

let playerPos = { x: 0, y: 0 };
    let gameOver = false;

function movePlayer(direction) {
        if (!gameOver) {
            let newX = playerPos.x;
            let newY = playerPos.y;

if (direction === 'up') {
                newX -= 1;
            } else if (direction === 'down') {
                newX += 1;
            } else if (direction === 'left') {
                newY -= 1;
            } else if (direction === 'right') {
                newY += 1;
            }

if (newX >= 0 && newX < grid.length && newY >= 0 && newY < grid[0].length) {
                if (grid[newX][newY] === ' ') {
                    grid[playerPos.x][playerPos.y] = ' ';
                    grid[newX][newY] = player;
                    playerPos.x = newX;
                    playerPos.y = newY;
                } else if (grid[newX][newY] === coin) {
                    grid[playerPos.x][playerPos.y] = ' ';
                    grid[newX][newY] = player;
                    playerPos.x = newX;
                    playerPos.y = newY;
                    console.log('You collected a coin!');
                } else if (grid[newX][newY] === goal) {
                    grid[playerPos.x][playerPos.y] = ' ';
                    grid[newX][newY] = player;
                    playerPos.x = newX;
                    playerPos.y = newY;
                    console.log('You reached the goal! Game over.');
                    gameOver = true;
                } else {
                    console.log('Collision with an obstacle! Game over.');
                    gameOver = true;
                }
            } else {
                console.log('Invalid move! Please try again.');
            }

drawGrid();
        }
    }

drawGrid();

// Game controls (assumes smartphone operation)
    document.addEventListener('keydown', function(event) {
        switch(event.key) {
            case 'ArrowUp':
                movePlayer('up');
                break;
            case 'ArrowDown':
                movePlayer('down');
                break;
            case 'ArrowLeft':
                movePlayer('left');
                break;
            case 'ArrowRight':
                movePlayer('right');
                break;
        }
    });

</script>

</body>
</html>
```