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

No:5725

315

Turtles and time. Lets take it easy. Every reactio..ALL
Developer User3589｜Date and time 23/6/30 17:40:12
Build time 30.38 sec｜Game capacity 2.506KB｜

はじめまして、プログラマです。ゲームの要素を含む１枚のHTMLファイルを作成します。スマホ操作を前提とし、時間の経過によって進行するゲームを作ります。では、亀がのんびりと歩いて周りを散歩するゲームを作りましょう。まずはHTMLファイルを作成し、以下のような内容で保存します。

亀の散歩

🐢

このHTMLファイルでは、亀の絵文字を表示し、画面内を歩き回るよう設定しています。亀の初期位置は左端の0で、速度が定期的に加算されていきます。画面の幅を超えた場合には反転させるようにしています。上記のHTMLファイルを保存し、ブラウザで開くと亀がのんびりと画面内を歩き回るゲームを楽しむことができます。また、亀が画面内を散歩するだけでなく、目的地に向かって自動的に進んでいくような要素も追加することができます。その場合は、目的地のX座標も追加し、亀がその座標に向かって自動的に移動するようにすれば良いでしょう。以上が、スマホで操作可能な時間の経過によって進行する亀のゲームの作成例です。ご参考までにどうぞ。

→ 　

0　

0　

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

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

(C)2023 HisashiApp

はじめまして、プログラマです。ゲームの要素を含む１枚のHTMLファイルを作成します。スマホ操作を前提とし、時間の経過によって進行するゲームを作ります。

では、亀がのんびりと歩いて周りを散歩するゲームを作りましょう。

まずはHTMLファイルを作成し、以下のような内容で保存します。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>亀の散歩</title>
</head>
<body>
    <h1>亀の散歩</h1>
    <div id="turtle" style="font-size: 30px;">🐢</div>
    <script>
        // 亀の初期位置と移動速度
        let x = 0;
        const speed = 10;

// 画面の幅
        const screenWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;

// 亀を動かす関数
        function moveTurtle() {
            // 亀の座標を更新
            x += speed;

// 亀の要素を取得
            const turtle = document.getElementById("turtle");

// 亀の位置を更新
            turtle.style.left = x + "px";

// 亀が画面の端に到達したら反転させる
            if (x >= screenWidth) {
                speed = -speed;
                turtle.style.transform = "scaleX(-1)";
            } else if (x <= 0) {
                speed = -speed;
                turtle.style.transform = "scaleX(1)";
            }
        }

// 亀を定期的に動かす（100msごと）
        setInterval(moveTurtle, 100);
    </script>
</body>
</html>
```

このHTMLファイルでは、亀の絵文字を表示し、画面内を歩き回るよう設定しています。亀の初期位置は左端の0で、速度が定期的に加算されていきます。画面の幅を超えた場合には反転させるようにしています。

上記のHTMLファイルを保存し、ブラウザで開くと亀がのんびりと画面内を歩き回るゲームを楽しむことができます。

また、亀が画面内を散歩するだけでなく、目的地に向かって自動的に進んでいくような要素も追加することができます。その場合は、目的地のX座標も追加し、亀がその座標に向かって自動的に移動するようにすれば良いでしょう。

以上が、スマホで操作可能な時間の経過によって進行する亀のゲームの作成例です。ご参考までにどうぞ。