Virtual High School Baseball's game

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

No:11021

←

Prev Next

→

Virtual High School Baseball
Developer User1006｜Date and time 23/8/6 16:48:32
Build time 20.659 sec｜Game capacity 2.556KB｜

Script

了解です。以下に、バーチャル高校野球のゲームを実装したHTMLファイルを示します。

⚾️

このゲームでは、スマートフォンの傾きを検知してバーチャルな野球のボールを避けながら進んでいくキャラクターを操作します。キャラクターはスマートフォンの傾きに合わせて左右に移動し、画面上部からボールが降ってきます。ボールに触れるとゲームオーバーになります。ゲームオーバーになるまで、キャラクターを操作してボールを避け続けることが目標です。このHTMLファイルをスマートフォンのブラウザで開き、実行するとゲームが始まります。スマートフォンを傾けながらボールを避けることで遊ぶことができます。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

了解です。以下に、バーチャル高校野球のゲームを実装したHTMLファイルを示します。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>バーチャル高校野球</title>
</head>
<body>
    <script>
        window.addEventListener('deviceorientation', handleOrientation);

const character = '⚾️';
        let currentPosition = 0;

function handleOrientation(event) {
            // スマホの傾きに応じてキャラクターの位置を更新する
            const acceleration = event.gamma;  // 各軸の加速度を取得
            currentPosition += acceleration;
            currentPosition = Math.max(Math.min(currentPosition, 100), 0);  // 位置の範囲を制限

updateCharacter();
        }

function updateCharacter() {
            // キャラクターの位置を更新して表示する
            const characterElement = document.getElementById('character');
            characterElement.style.left = currentPosition + 'vw';
        }

setInterval(() => {
            // ボールをランダムに投げる
            const ballElement = document.createElement('div');
            ballElement.innerHTML = '🎾';
            ballElement.style.left = Math.floor(Math.random() * 100) + 'vw';
            ballElement.style.position = 'absolute';
            document.body.appendChild(ballElement);

setTimeout(() => {
                // ボールを上に移動させて消す
                ballElement.style.top = '-100px';
                setTimeout(() => {
                    ballElement.remove();
                }, 1000);
            }, 2000);
        }, 3000);
    </script>

<div id="character" style="position: fixed; top: 80vh; left: 50vw;">⚾️</div>
</body>
</html>
```

このHTMLファイルをスマートフォンのブラウザで開き、実行するとゲームが始まります。スマートフォンを傾けながらボールを避けることで遊ぶことができます。