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

No:6045

←

Prev Next

→

Easy Games
Developer User3788｜Date and time 23/7/1 15:38:11
Build time 23.708 sec｜Game capacity 2.443KB｜

Script

了解しました。以下に簡単なゲームの例を示します。

簡単なゲーム

タップしてボールを跳ねさせてください。

このプログラムでは、画面上のボールをタップして跳ねさせるシンプルなゲームを実装しています。ボールは画面内を動き回り、画面の端に到達すると跳ね返ります。ユーザーはタッチ操作でボールの位置を変更することができます。このプログラムをHTMLファイルとして保存し、ブラウザで開くとゲームをプレイすることができます。ただし、動作にはスマートフォンやタブレットなどのタッチ操作に対応したデバイスが必要です。

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

了解しました。以下に簡単なゲームの例を示します。

```html
<!DOCTYPE html>
<html>
<head>
    <title>簡単なゲーム</title>
</head>
<body>
    <h1>簡単なゲーム</h1>
    <p>タップしてボールを跳ねさせてください。</p>

// ボールを描画する関数
        function drawBall() {
            context.beginPath();
            context.arc(x, y, ballRadius, 0, Math.PI * 2);
            context.fillStyle = "#0095DD";
            context.fill();
            context.closePath();
        }

// ゲームループ
        function gameLoop() {
            context.clearRect(0, 0, canvas.width, canvas.height);
            drawBall();

// ボールが画面の端で跳ね返るようにする
            if (x + dx > canvas.width - ballRadius || x + dx < ballRadius) {
                dx = -dx;
            }
            if (y + dy > canvas.height - ballRadius || y + dy < ballRadius) {
                dy = -dy;
            }

x += dx;
            y += dy;
            
            requestAnimationFrame(gameLoop);
        }

// タッチイベントでボールの位置を変更する
        canvas.addEventListener("touchmove", function(event) {
            let rect = canvas.getBoundingClientRect();
            x = event.touches[0].clientX - rect.left;
            y = event.touches[0].clientY - rect.top;
        });

// ゲームを開始する
        gameLoop();
    </script>
</body>
</html>
```

このプログラムでは、画面上のボールをタップして跳ねさせるシンプルなゲームを実装しています。ボールは画面内を動き回り、画面の端に到達すると跳ね返ります。ユーザーはタッチ操作でボールの位置を変更することができます。

このプログラムをHTMLファイルとして保存し、ブラウザで開くとゲームをプレイすることができます。ただし、動作にはスマートフォンやタブレットなどのタッチ操作に対応したデバイスが必要です。