A 2d game maker. With simple ui and a save and load ystem's game

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

No:13257

110

←

Prev Next

→

A 2d game maker. With simple ui and a save and loa..ALL
Developer User5828｜Date and time 23/8/27 16:07:49
Build time 16.676 sec｜Game capacity 2.409KB｜

Script

Sure! Here's a simple example of a 2D game maker implemented as a single HTML file with JavaScript:

You can copy and paste the above code into a single HTML file, save it, and open it in a web browser. The game canvas will allow you to control a blue square (the player) using touch input on a smartphone. The player's position will be saved and loaded using the saveGame() and loadGame() functions respectively. Please note that this is a very basic example and can be expanded upon to create a more complete game maker with a user interface for creating game objects, levels, etc. But this should serve as a starting point for a simple 2D game maker with a save and load system.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple example of a 2D game maker implemented as a single HTML file with JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>2D Game Maker</title>
  <style>
    canvas {
      border: 1px solid black;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

// Game canvas and context
    const canvas = document.getElementById("gameCanvas");
    const ctx = canvas.getContext("2d");

// Function to draw the player on the canvas
    function drawPlayer() {
      ctx.fillStyle = "blue";
      ctx.fillRect(playerX, playerY, 20, 20);
    }

// Function to handle touch events on the canvas
    function handleTouch(event) {
      playerX = event.touches[0].clientX - canvas.offsetLeft;
      playerY = event.touches[0].clientY - canvas.offsetTop;
    }

// Function to save the game state to local storage
    function saveGame() {
      localStorage.setItem("playerX", playerX);
      localStorage.setItem("playerY", playerY);
    }

// Function to load the game state from local storage
    function loadGame() {
      playerX = parseInt(localStorage.getItem("playerX")) || playerX;
      playerY = parseInt(localStorage.getItem("playerY")) || playerY;
    }

// Function to update and render the game
    function gameLoop() {
      // Clear canvas
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
      drawPlayer();

// Save game state
      saveGame();

// Request next frame
      requestAnimationFrame(gameLoop);
    }

// Start game loop
    loadGame();
    gameLoop();

// Attach touch event listener to canvas
    canvas.addEventListener("touchmove", handleTouch);
  </script>
</body>
</html>
```

Please note that this is a very basic example and can be expanded upon to create a more complete game maker with a user interface for creating game objects, levels, etc. But this should serve as a starting point for a simple 2D game maker with a save and load system.