AI game creator

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

No:3589

1238

←

Prev Next

→

projectQ
Developer User3589｜Date and time 23/6/25 18:19:07
Build time 28.443 sec｜Game capacity 3.154KB｜

Script

はい、理解しました。以下はゲームの実装例です。

👦

🎯

このゲームは、プレイヤーを表す絵文字をスマホのジャイロセンサーで操作し、ターゲットに当たるように移動します。ターゲットはランダムに上下に移動し、プレイヤーがターゲットに当たるとゲームオーバーになります。プレイヤーが画面の上端または下端に当たってもゲームオーバーになります。ゲームオーバー後は自動的に初期位置に戻り、再度プレイができます。

←

Prev　Next

→ 　

Back　

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

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

はい、理解しました。以下はゲームの実装例です。

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>スマホゲーム</title>
</head>
<body>
    <div id="gameContainer">
        <div id="player">👦</div>
        <div id="target">🎯</div>
    </div>

// プレイヤーの初期位置とスピード
        let playerX = 50;
        let playerY = gameHeight / 2;
        const playerSpeed = 5;

// ターゲットの初期位置とスピード
        let targetX = gameWidth - 50;
        let targetY = gameHeight / 2;
        const targetSpeed = 3;

// ゲームループの開始
        setInterval(function () {
            // プレイヤーの位置を更新
            player.style.left = playerX + 'px';
            player.style.top = playerY + 'px';

// ターゲットの位置を更新
            target.style.left = targetX + 'px';
            target.style.top = targetY + 'px';

// ターゲットの位置をランダムに移動
            targetY += Math.floor(Math.random() * targetSpeed) - targetSpeed / 2;

// ゲームオーバーの判定
            if (isGameOver()) {
                alert('ゲームオーバー！');
                playerX = 50;
                playerY = gameHeight / 2;
                targetX = gameWidth - 50;
                targetY = gameHeight / 2;
            }

}, 20); // 20ミリ秒ごとにループを実行

// スマホのジャイロセンサーを使ってプレイヤーを操作
        window.addEventListener('deviceorientation', function (event) {
            playerY += Math.round((event.beta || 0) / 30 * playerSpeed);
        });

// ゲームオーバーの判定
        function isGameOver() {
            if (playerX + player.offsetWidth >= targetX && playerX <= targetX + target.offsetWidth
                && playerY + player.offsetHeight >= targetY && playerY <= targetY + target.offsetHeight) {
                return true;
            }
            if (playerY <= 0 || playerY + player.offsetHeight >= gameHeight) {
                return true;
            }
            return false;
        }
    </script>
</body>
</html>