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

No:27723

75

電車シミュレーター
Developer User13711｜Date and time 23/12/8 15:49:47
Build time 24.432 sec｜Game capacity 2.026KB｜

以下は、電車シミュレーターのサンプルプログラムです。このプログラムは1枚のHTMLファイルで実装されており、JavaScriptを含んでいます。JavaScriptはscriptタグで囲まれており、実行開始されるようになっています。スマホ操作にも対応しており、絵文字を使用しています。

電車シミュレーター

速度: 0

🚆

このプログラムでは、電車の速度を表示し、加速と減速のボタンを提供しています。加速ボタンをクリックすると速度が10ずつ増加し、減速ボタンをクリックすると速度が10ずつ減少します。電車の位置は、速度に応じて0.1秒ごとに更新されます。なお、このプログラムは基本的なサンプルであり、要件に応じてカスタマイズや拡張が必要です。遊べるゲームとしての完成度であれば、さらなる機能や表示の改善が必要になるかもしれません。

→ 　

0　

0　

[PR]現在のフィギュア売れ筋ランキング

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

(C)2023 HisashiApp

以下は、電車シミュレーターのサンプルプログラムです。このプログラムは1枚のHTMLファイルで実装されており、JavaScriptを含んでいます。JavaScriptはscriptタグで囲まれており、実行開始されるようになっています。スマホ操作にも対応しており、絵文字を使用しています。

```html
<!DOCTYPE html>
<html>

<head>
    <title>電車シミュレーター</title>
</head>

<body>
    <h1>電車シミュレーター</h1>

<h2 id="speed">速度: 0</h2>

<div id="train">🚆</div>

<button onclick="increaseSpeed()">加速</button>
    <button onclick="decreaseSpeed()">減速</button>

<script>
        let speed = 0;

function increaseSpeed() {
            speed += 10;
            updateSpeed();
        }

function decreaseSpeed() {
            if (speed > 0) {
                speed -= 10;
                updateSpeed();
            }
        }

function updateSpeed() {
            document.getElementById("speed").textContent = "速度: " + speed;
        }

setInterval(() => {
            const train = document.getElementById("train");
            const currentPosition = parseInt(train.style.marginLeft || "0", 10);
            const newPosition = currentPosition + speed;
            train.style.marginLeft = newPosition + "px";
        }, 100);
    </script>
</body>

</html>
```

このプログラムでは、電車の速度を表示し、加速と減速のボタンを提供しています。加速ボタンをクリックすると速度が10ずつ増加し、減速ボタンをクリックすると速度が10ずつ減少します。電車の位置は、速度に応じて0.1秒ごとに更新されます。

なお、このプログラムは基本的なサンプルであり、要件に応じてカスタマイズや拡張が必要です。遊べるゲームとしての完成度であれば、さらなる機能や表示の改善が必要になるかもしれません。