AI game creator

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

No:11118

141

←

Prev Next

→

A train goes by.
Developer User4825｜Date and time 23/8/8 0:15:08
Build time 16.214 sec｜Game capacity 1.553KB｜

Script

🚂

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>電車が通るゲーム</title>
    <style>
        #train {
            position: absolute;
            left: 0;
            top: 50%;
            font-size: 40px;
            transform: translate(-100%, -50%);
        }
    </style>
</head>
<body>
    <div id="train">🚂</div>

// 電車の移動距離
        var trainSpeed = 10;

// 電車が通る処理
        function moveTrain() {
            // 電車の移動
            trainPosition += trainSpeed;
            document.getElementById('train').style.left = trainPosition + 'px';

// 一定の位置まで移動したら終了
            if (trainPosition >= window.innerWidth) {
                clearInterval(trainInterval);
                alert("ゲームクリア！");
            }
        }

// スマホ操作用のイベント設定
        window.addEventListener('mousedown', function(event) {
            // クリックした場所が電車の位置より左側なら電車の速度を下げる
            if (event.clientX < trainPosition) {
                trainSpeed--;
            }
            // クリックした場所が電車の位置より右側なら電車の速度を上げる
            else if (event.clientX > trainPosition) {
                trainSpeed++;
            }
        });

// ゲームを実行
        var trainInterval = setInterval(moveTrain, 100);
    </script>
</body>
</html>