AI game creator

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

No:6277

4490

←

Prev Next

→

Soccer: ⚽️
Developer User3881｜Date and time 23/7/2 1:01:54
Build time 33.266 sec｜Game capacity 3.353KB｜

Script

了解しました。以下にサッカーゲームのサンプルコードを示します。

このコードは、10x10のサッカーゲームのゲームボードを表示し、プレイヤー（⚽️）を矢印キーで操作します。プレイヤーがゴール（🥅）に到達するとアラートが表示され、ゲームがリセットされます。周囲が⚪️で埋められたゲームボードが表示されるため、スマートフォンでもプレイ可能です。

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

了解しました。以下にサッカーゲームのサンプルコードを示します。

```html
<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>サッカーゲーム</title>
</head>
<body>
    <div id="board"></div>

// プレイヤーの初期位置
        let playerX = Math.floor(BOARD_SIZE / 2);
        let playerY = Math.floor(BOARD_SIZE / 2);

// ゴールの位置
        let goalX = Math.floor(Math.random() * BOARD_SIZE);
        let goalY = Math.floor(Math.random() * BOARD_SIZE);

// ゲームボードの表示
        function renderBoard() {
            let board = '';

for (let y = 0; y < BOARD_SIZE; y++) {
                for (let x = 0; x < BOARD_SIZE; x++) {
                    if (x === playerX && y === playerY) {
                        board += '⚽️';
                    } else if (x === goalX && y === goalY) {
                        board += '🥅';
                    } else {
                        board += '⚪️';
                    }
                }
                board += '<br>';
            }

document.getElementById('board').innerHTML = board;
        }

// キーボードの入力に応じた移動処理
        function movePlayer(key) {
            switch (key) {
                case 'ArrowUp':
                    if (playerY > 0) {
                        playerY--;
                    }
                    break;
                case 'ArrowDown':
                    if (playerY < BOARD_SIZE - 1) {
                        playerY++;
                    }
                    break;
                case 'ArrowLeft':
                    if (playerX > 0) {
                        playerX--;
                    }
                    break;
                case 'ArrowRight':
                    if (playerX < BOARD_SIZE - 1) {
                        playerX++;
                    }
                    break;
            }

// プレイヤーがゴールに到達したかの判定
            if (playerX === goalX && playerY === goalY) {
                alert('ゴール！');
                resetGame();
            }

renderBoard();
        }

// ゲームのリセット
        function resetGame() {
            playerX = Math.floor(BOARD_SIZE / 2);
            playerY = Math.floor(BOARD_SIZE / 2);
            goalX = Math.floor(Math.random() * BOARD_SIZE);
            goalY = Math.floor(Math.random() * BOARD_SIZE);
            renderBoard();
        }

// キーボードのイベントリスナーの設定
        document.addEventListener('keydown', function(event) {
            movePlayer(event.key);
        });

renderBoard();
    </script>
</body>
</html>
```