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's game

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

No:20599

←

Prev Next

→

Mario creator game: blocks: Ground :Enemys: Goomb..ALL
Developer User9100｜Date and time 23/10/10 7:49:15
Build time 12.651 sec｜Game capacity 2.693KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

<!DOCTYPE html>
<html>
  <head>
    <title>Mario Creator Game</title>
  </head>
  <body>
    <canvas id="gameCanvas" width="800" height="400"></canvas>
    <script>
      // Mario Creator Game

// Initialize game variables
      var canvas = document.getElementById("gameCanvas");
      var ctx = canvas.getContext("2d");
      var cursorX = 0;
      var cursorY = 0;
      var blocks = [];
      var player = null;

// Define game objects
      var Block = function(x, y) {
        this.x = x;
        this.y = y;
      };

var Player = function(x, y) {
        this.x = x;
        this.y = y;
      };

// Handle keyboard input for cursor movement and block placement
      document.addEventListener("keydown", function(event) {
        var key = event.keyCode;
        if (key === 37) {
          // Left arrow key
          cursorX -= 20;
        } else if (key === 39) {
          // Right arrow key
          cursorX += 20;
        } else if (key === 38) {
          // Up arrow key
          cursorY -= 20;
        } else if (key === 40) {
          // Down arrow key
          cursorY += 20;
        } else if (key === 13) {
          // Enter key
          blocks.push(new Block(cursorX, cursorY));
        }
        drawGame();
      });

// Handle button click to toggle play mode
      var playButton = document.createElement("button");
      playButton.innerHTML = "Play";
      playButton.addEventListener("click", function() {
        if (player) {
          // If player already exists, toggle back to creator mode
          player = null;
          playButton.innerHTML = "Play";
        } else {
          // Start game with player at cursor position
          player = new Player(cursorX, cursorY);
          playButton.innerHTML = "Go back to creating";
        }
        drawGame();
      });

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

// Draw ground blocks
        ctx.fillStyle = "#000";
        ctx.fillRect(0, 380, canvas.width, canvas.height - 380);

// Draw cursor
        ctx.strokeStyle = "#ff0000";
        ctx.strokeRect(cursorX, cursorY, 20, 20);

// Draw placed blocks
        ctx.fillStyle = "#00ff00";
        blocks.forEach(function(block) {
          ctx.fillRect(block.x, block.y, 20, 20);
        });

// Draw player
        if (player) {
          ctx.fillStyle = "#0000ff";
          ctx.fillRect(player.x, player.y, 20, 20);
        }

// Render play button
        document.body.appendChild(playButton);
      }

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