🪿Goose Game Kingdom🪿's game

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

No:9991

←

Prev Next

→

🪿Goose Game Kingdom🪿
Developer User4437｜Date and time 23/7/28 18:45:57
Build time 20.342 sec｜Game capacity 2.779KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Goose Game Kingdom</title>
    <style>
        #gameBoard {
            display: grid;
            grid-template-columns: repeat(11, 1fr);
            grid-template-rows: repeat(11, 1fr);
            gap: 5px;
            width: 540px;
            height: 540px;
        }
        .cell {
            display: flex;
            justify-content: center;
            align-items: center;
            border: 1px solid black;
            background-color: #f5f5f5;
            font-size: 20px;
            font-weight: bold;
        }
        #player {
            position: absolute;
            top: 0;
            left: 0;
            width: 100px;
            height: 100px;
        }
    </style>
</head>
<body>
    <div id="gameBoard"></div>

// Game logic
        const game = {
            playerPosition: 1,
            movePlayer: function(steps) {
                const newPosition = this.playerPosition + steps;
                if (newPosition <= 10) {
                    this.playerPosition = newPosition;
                }
                this.render(this.playerPosition);
            },
            render: function(position) {
                const cells = document.getElementsByClassName('cell');
                for (let i = 0; i < cells.length; i++) {
                    if (position === i + 1) {
                        cells[i].innerHTML = `${i + 1}${pictograms[i + 1]}`;
                    } else {
                        cells[i].innerHTML = '';
                    }
                }
                const player = document.getElementById('player');
                player.style.top = `${Math.floor((position - 1) / 10 * 540)}px`;
                player.style.left = `${((position - 1) % 10) * 54}px`;
            }
        };

// Create game board
        const gameBoard = document.getElementById('gameBoard');
        for (let i = 0; i < 100; i++) {
            const cell = document.createElement('div');
            cell.classList.add('cell');
            gameBoard.appendChild(cell);
        }

// Render initial game state
        game.render(game.playerPosition);

// Handle player movement
        document.addEventListener('keydown', function(event) {
            if (event.keyCode === 37) { // Left arrow key
                game.movePlayer(-1);
            } else if (event.keyCode === 39) { // Right arrow key
                game.movePlayer(1);
            }
        });
    </script>
</body>
</html>