AI game creator

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

No:41534

←

Prev Next

→

Train simulator
Developer User18611｜Date and time 24/2/8 5:23:54
Build time 8.374 sec｜Game capacity 1.847KB｜

Script

To use this code, create a new HTML file and save it as "train_simulator.html". Place the provided image of the train as "emozi_all/train.png" in the same directory as the HTML file. Open the HTML file in a web browser, preferably on a smartphone, and you will see the train on the screen. By touching the screen, the train will move up and down accordingly.

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
  <head>
    <title>Train Simulator</title>
    <style>
      * {
        box-sizing: border-box;
      }

body {
        font-family: Arial, sans-serif;
        margin: 0;
        padding: 0;
        overflow: hidden;
      }

#canvas {
        width: 100vw;
        height: 100vh;
      }
    </style>
  </head>
  <body>
    <canvas id="canvas"></canvas>

// Initialize game components
      function startGame() {
        const canvas = document.getElementById("canvas");
        const context = canvas.getContext("2d");
        const train = {
          x: 50,
          y: canvas.height / 2 - 50,
          width: 100,
          height: 100,
          speed: 5
        };
        const trainImage = new Image();
        trainImage.src = "train.png";

// Handle touch events
        canvas.addEventListener("touchstart", moveTrainUp);
        canvas.addEventListener("touchend", moveTrainDown);

function moveTrainUp() {
          train.y -= train.speed;
        }

function moveTrainDown() {
          train.y += train.speed;
        }

// Game loop
        function update() {
          context.clearRect(0, 0, canvas.width, canvas.height);
          context.drawImage(trainImage, train.x, train.y, train.width, train.height);
          requestAnimationFrame(update);
        }

update();
      }
    </script>
  </body>
</html>
```

To use this code, create a new HTML file and save it as "train_simulator.html". Place the provided image of the train as "train.png" in the same directory as the HTML file. Open the HTML file in a web browser, preferably on a smartphone, and you will see the train on the screen. By touching the screen, the train will move up and down accordingly.