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

No:48102

117

←

Prev Next

→

鳥よけ迷路ゲーム
Developer User20650｜Date and time 24/3/1 8:56:56
Build time 8.61 sec｜Game capacity 2.4KB｜

Script

鳥よけ迷路ゲーム🐦

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>鳥よけ迷路ゲーム</title>
</head>
<body>
    <h1>鳥よけ迷路ゲーム🐦</h1>
    <div id="maze"></div>
    
    <script>
        const maze = document.getElementById('maze');
        const rows = 10;
        const cols = 10;
        const mazeArray = [];
        
        for (let i = 0; i < rows; i++) {
            const row = [];
            for (let j = 0; j < cols; j++) {
                row.push(Math.random() < 0.3 ? '🌳' : '🌾');
            }
            mazeArray.push(row);
        }
        
        mazeArray[0][0] = '🚶';
        mazeArray[rows - 1][cols - 1] = '🏁';
        
        function renderMaze() {
            maze.innerHTML = '';
            mazeArray.forEach(row => {
                const rowElem = document.createElement('div');
                rowElem.style.fontSize = '2em';
                row.forEach(cell => {
                    const cellElem = document.createElement('span');
                    cellElem.textContent = cell;
                    rowElem.appendChild(cellElem);
                });
                maze.appendChild(rowElem);
            });
        }
        
        renderMaze();
        
        document.addEventListener('keydown', (event) => {
            let x = 0;
            let y = 0;
            switch (event.key) {
                case 'ArrowUp':
                    x = -1;
                    break;
                case 'ArrowDown':
                    x = 1;
                    break;
                case 'ArrowLeft':
                    y = -1;
                    break;
                case 'ArrowRight':
                    y = 1;
                    break;
                default:
                    return;
            }
            
            if (mazeArray[Math.max(0, Math.min(rows - 1, x))][Math.max(0, Math.min(cols - 1, y))] !== '🌳') {
                mazeArray[Math.max(0, Math.min(rows - 1, x))][Math.max(0, Math.min(cols - 1, y))] = '🚶';
                mazeArray[Math.max(0, Math.min(rows - 1, x - 1))][Math.max(0, Math.min(cols - 1, y - 1))] = '🌾';
                renderMaze();
            }
            
            if (mazeArray[x][y] === '🏁') {
                alert('ゴールに到達しました！🎉');
                document.removeEventListener('keydown', () => {});
            }
        });
    </script>
</body>
</html>