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

No:41000

U are superman what flying in city
Developer User18368｜Date and time 24/2/5 6:07:23
Build time 10.524 sec｜Game capacity 2.893KB｜

Script

Sure, here's an example of a simple game written in a single HTML file using JavaScript, enclosed within script tags:

Superman Flying Game

In this example, the player controls Superman's movement using arrow keys on a smartphone. The superman.png should be replaced with an actual path to your desired Superman pictogram image file. The game canvas is a 400x400 square where Superman can move around within the boundaries. Please note that in order to use this code, you will need to replace the `emozi_himawari.png` path with the path to your desired Superman pictogram image file.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

Sure, here's an example of a simple game written in a single HTML file using JavaScript, enclosed within script tags:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Superman Flying Game</title>
  <style>
    #superman {
      position: absolute;
      width: 50px;
      height: 50px;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
  </style>
</head>
<body>
  <h1>Superman Flying Game</h1>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

// Load superman image
    const supermanImg = new Image();
    supermanImg.src = "superman.png"; // specify path to your superman pictogram

// Initialize superman coordinates and speed
    let x = canvas.width / 2;
    let y = canvas.height / 2;
    let dx = 0;
    let dy = 0;
    const speed = 5;

// Key event listeners
    document.addEventListener("keydown", keyDownHandler, false);
    document.addEventListener("keyup", keyUpHandler, false);

function keyUpHandler(e) {
      if (
        e.key === "ArrowUp" ||
        e.key === "Up" ||
        e.key === "ArrowDown" ||
        e.key === "Down"
      ) {
        dy = 0;
      } else if (
        e.key === "ArrowLeft" ||
        e.key === "Left" ||
        e.key === "ArrowRight" ||
        e.key === "Right"
      ) {
        dx = 0;
      }
    }

// Update canvas
    function draw() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      ctx.drawImage(supermanImg, x, y, 50, 50);

x += dx;
      y += dy;

// Ensure superman stays within the canvas boundaries
      if (x < 0) {
        x = 0;
      } else if (x > canvas.width - 50) {
        x = canvas.width - 50;
      }

if (y < 0) {
        y = 0;
      } else if (y > canvas.height - 50) {
        y = canvas.height - 50;
      }

requestAnimationFrame(draw);
    }

// Start game
    supermanImg.onload = function () {
      draw();
    };
  </script>
</body>
</html>
```

Please note that in order to use this code, you will need to replace the `superman.png` path with the path to your desired Superman pictogram image file.