Mario creator game: blocks: Ground :Enemys: Goomba: And With Arrows you can Move the cursor if you press a Place a Block and there a button that says Play when you press it a player Appears now you can press arrows to move the Player and if you press Play again you can go back to makeing a button says a and if you press it you place blocks and you can switch blocks or Enemies while playing can move player by Pressing the arrows if you use up the player Jumps's game

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

No:20600

←

Prev Next

→

Mario creator game: blocks: Ground :Enemys: Goomb..ALL
Developer User9100｜Date and time 23/10/10 7:55:23
Build time 15.28 sec｜Game capacity 3.993KB｜

Script

Here's a sample implementation of the Mario Creator game using HTML and JavaScript:

This implementation allows you to create a Mario level by placing blocks (represented by the "Ground" pictogram) and enemies (represented by the "Goomba" pictogram) on the canvas. You can switch between block and enemy selection using the "Switch" button. When you press the "Play" button, you can control the player character (represented by the smiley face pictogram) using the arrow keys. Pressing the "Build" button allows you to go back to building mode.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

Here's a sample implementation of the Mario Creator game using HTML and JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <style>
        #canvas {
            width: 400px;
            height: 300px;
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <div id="canvas"></div>
    <button id="playBtn">Play</button>
    <button id="buildBtn">Build</button>
    <button id="switchBtn">Switch</button>
    <script>
        var canvas = document.getElementById("canvas");
        var ctx = canvas.getContext("2d");
        var blocks = [];
        var enemies = [];
        var isPlaying = false;
        var selectedBlock = "Ground";
        var playerPos = { x: 0, y: 0 };

// Define pictograms
        var pictograms = {
            "Ground": "🌎",
            "Goomba": "🐑"
        };

// Function to draw the canvas
        function drawCanvas() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            for (var i = 0; i < blocks.length; i++) {
                ctx.fillText(pictograms[blocks[i].type], blocks[i].x, blocks[i].y);
            }
            for (var j = 0; j < enemies.length; j++) {
                ctx.fillText(pictograms[enemies[j].type], enemies[j].x, enemies[j].y);
            }
            if (isPlaying) {
                ctx.fillText("😃", playerPos.x, playerPos.y);
            }
        }

// Function to handle key presses
        function handleKeyPress(event) {
            if (isPlaying) {
                if (event.key === "ArrowUp") {
                    playerPos.y -= 10;
                } else if (event.key === "ArrowLeft") {
                    playerPos.x -= 10;
                } else if (event.key === "ArrowRight") {
                    playerPos.x += 10;
                } else if (event.key === "ArrowDown") {
                    playerPos.y += 10;
                }
            }
        }

// Function to handle canvas clicks
        function handleCanvasClick(event) {
            if (!isPlaying) {
                var rect = canvas.getBoundingClientRect();
                var x = event.clientX - rect.left;
                var y = event.clientY - rect.top;

if (selectedBlock === "Ground") {
                    blocks.push({ type: "Ground", x: x, y: y });
                } else if (selectedBlock === "Goomba") {
                    enemies.push({ type: "Goomba", x: x, y: y });
                }

drawCanvas();
            }
        }

// Function to handle build button click
        function handleBuildBtnClick() {
            isPlaying = false;
            drawCanvas();
        }

// Function to handle switch button click
        function handleSwitchBtnClick() {
            selectedBlock = selectedBlock === "Ground" ? "Goomba" : "Ground";
        }

// Function to handle play button click
        function handlePlayBtnClick() {
            isPlaying = true;
            drawCanvas();
        }

// Add event listeners
        document.addEventListener("keydown", handleKeyPress);
        canvas.addEventListener("click", handleCanvasClick);
        document.getElementById("buildBtn").addEventListener("click", handleBuildBtnClick);
        document.getElementById("switchBtn").addEventListener("click", handleSwitchBtnClick);
        document.getElementById("playBtn").addEventListener("click", handlePlayBtnClick);

// Start processing
        drawCanvas();
    </script>
</body>
</html>
```