AI game creator

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

No:9264

289

←

Prev Next

→

Starlight Parade
Developer User4246｜Date and time 23/7/23 2:35:01
Build time 21.726 sec｜Game capacity 2.674KB｜

Script

了解しました。以下にスターライトパレードというゲームのプログラムを記述します。

このプログラムでは、スマホのタッチ操作でプレイヤーを移動させ、スターをゲットするゲームです。プレイヤーは👧の絵文字で表示され、スターは⭐の絵文字で表示されます。プレイヤーとスターの位置が近づいたら、アラートが表示されます。上記のコードを含むHTMLファイルを作成し、ブラウザで開くとスターライトパレードというゲームが遊べます。

←

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>
</head>
<body>
    <script>
        // ゲームの画面サイズ
        const screenWidth = window.innerWidth;
        const screenHeight = window.innerHeight;

// プレイヤーの初期位置
        let playerX = screenWidth / 2;
        let playerY = screenHeight / 2;

// スターの初期位置
        let starX = Math.random() * screenWidth;
        let starY = Math.random() * screenHeight;

// ゲームループ
        function gameLoop() {
            // 画面をクリア
            document.body.innerHTML = '';

// プレイヤーを描画
            const player = document.createElement('div');
            player.style.position = 'absolute';
            player.style.left = playerX + 'px';
            player.style.top = playerY + 'px';
            player.innerHTML = '👧';
            document.body.appendChild(player);

// スターを描画
            const star = document.createElement('div');
            star.style.position = 'absolute';
            star.style.left = starX + 'px';
            star.style.top = starY + 'px';
            star.innerHTML = '⭐';
            document.body.appendChild(star);

// プレイヤーの移動
            document.addEventListener('touchmove', (event) => {
                playerX = event.touches[0].clientX;
                playerY = event.touches[0].clientY;
            });

// 当たり判定
            if (Math.abs(playerX - starX) < 20 && Math.abs(playerY - starY) < 20) {
                alert('スターをゲットしました！');
                
                // スターの位置を再設定
                starX = Math.random() * screenWidth;
                starY = Math.random() * screenHeight;
            }

// ループを継続
            requestAnimationFrame(gameLoop);
        }

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

このプログラムでは、スマホのタッチ操作でプレイヤーを移動させ、スターをゲットするゲームです。プレイヤーは👧の絵文字で表示され、スターは⭐の絵文字で表示されます。プレイヤーとスターの位置が近づいたら、アラートが表示されます。

上記のコードを含むHTMLファイルを作成し、ブラウザで開くとスターライトパレードというゲームが遊べます。