AI game creator

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

No:41532

←

Prev Next

→

Train simulator 3D
Developer User18611｜Date and time 24/2/8 5:22:22
Build time 7.515 sec｜Game capacity 1.999KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

<!DOCTYPE html>
<html>
<head>
<style>
    canvas {
        border: 1px solid #000;
    }
</style>
</head>
<body>
<script>
    var canvas = document.createElement("canvas");
    canvas.width = window.innerWidth;
    canvas.height = window.innerHeight;
    document.body.appendChild(canvas);

var ctx = canvas.getContext("2d");

// Load pictogram images
    var trainImage = new Image();
    trainImage.src = "train.png";

// Train object
    var train = {
        x: 100,
        y: canvas.height / 2 - 50,
        width: 160,
        height: 100
    };

// Flag to check if train is moving
    var isMoving = false;

// Event listener to detect touch event on smartphone
    canvas.addEventListener("touchstart", function(event) {
        var touchX = event.touches[0].clientX;
        var touchY = event.touches[0].clientY;

// Check if touch event occurred on train
        if (touchX >= train.x && touchX <= train.x + train.width &&
            touchY >= train.y && touchY <= train.y + train.height) {
            isMoving = true;
        }
    }, false);

canvas.addEventListener("touchend", function(event) {
        isMoving = false;
    }, false);

canvas.addEventListener("touchmove", function(event) {
        if (isMoving) {
            train.x = event.touches[0].clientX - train.width / 2; // Move train horizontally
            train.y = event.touches[0].clientY - train.height / 2; // Move train vertically
        }
    }, false);

// Game loop
    function gameLoop() {
        update();
        render();
        requestAnimationFrame(gameLoop);
    }

// Update game state
    function update() {
        // Update train position or add additional game logic here
    }

// Render game objects
    function render() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        ctx.drawImage(trainImage, train.x, train.y, train.width, train.height);
    }

// Start game processing
    gameLoop();
</script>
</body>
</html>