野球ゲームタイミング良くバットを振って、ボールを打ちます's game

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

No:4593

6873

←

Prev Next

→

野球ゲームタイミング良くバットを振って、ボールを打ちます
Developer もちきなこ｜Date and time 23/6/28 12:05:49
Build time 27.808 sec｜Game capacity 2.852KB｜

Script

了解しました。以下は、タイミングを合わせてボールを打つ野球ゲームのサンプルプログラムです。

🎾

このプログラムでは、画面中央に表示されるボールをクリックすることでバットを振ります。ボールとバットの距離が一定範囲内であれば成功となり、「ホームラン！」とアラートが表示されます。ボールは一定の速度で画面内をランダムに動き、画面外に出たら再配置されます。スマートフォンでプレイする場合は、画面上でボールをタップしてバットを振ることができます。

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

了解しました。以下は、タイミングを合わせてボールを打つ野球ゲームのサンプルプログラムです。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>野球ゲーム</title>
    <style>
        #ball {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 80px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div id="ball">🎾</div>
    <script>
        // 初期位置と速度を設定
        let ballPosition = { x: 50, y: 50 };
        let ballVelocity = { x: 4, y: 4 };

// ボール要素を取得
        const ball = document.getElementById("ball");

// ボールを移動して画面外に出たら再配置
        function moveBall() {
            ballPosition.x += ballVelocity.x;
            ballPosition.y += ballVelocity.y;
            if (ballPosition.x < 0 || ballPosition.x > window.innerWidth) {
                ballVelocity.x *= -1;
                resetBallPosition();
            }
            if (ballPosition.y < 0 || ballPosition.y > window.innerHeight) {
                ballVelocity.y *= -1;
                resetBallPosition();
            }
            ball.style.left = ballPosition.x + "px";
            ball.style.top = ballPosition.y + "px";
        }

// ボールの位置をリセット
        function resetBallPosition() {
            ballPosition.x = window.innerWidth / 2;
            ballPosition.y = window.innerHeight / 2;
        }

// バットをクリックしたときの処理
        function swingBat(event) {
            const batPosition = { x: event.pageX, y: event.pageY };

// バットとボールの距離を計算
            const distance = Math.hypot(batPosition.x - ballPosition.x, batPosition.y - ballPosition.y);

// 距離が一定範囲以内なら成功
            if (distance < 100) {
                alert("ホームラン！");
                resetBallPosition();
            }
        }

// ボール要素にクリックイベントを追加
        ball.addEventListener("click", swingBat);

// 一定間隔でボールを移動させる
        setInterval(moveBall, 30);
    </script>
</body>
</html>
```

このプログラムでは、画面中央に表示されるボールをクリックすることでバットを振ります。ボールとバットの距離が一定範囲内であれば成功となり、「ホームラン！」とアラートが表示されます。ボールは一定の速度で画面内をランダムに動き、画面外に出たら再配置されます。

スマートフォンでプレイする場合は、画面上でボールをタップしてバットを振ることができます。