Word search. 320 by 320 canvas 32 sectors each have a random letter of the alphabet player searches for a word types it in ai checks if spellinig is correct if correct sore 1 point's game

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

No:49300

←

Prev Next

→

Word search. 320 by 320 canvas 32 sectors each hav..ALL
Developer User18896｜Date and time 24/3/4 10:04:30
Build time 7.549 sec｜Game capacity 2.061KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Word Search Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="320" height="320"></canvas>

const letters = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'];
        let wordToFind = '';
        let currentWord = '';
        let score = 0;

const sectors = [];
        for (let i = 0; i < 32; i++) {
            const randomIndex = Math.floor(Math.random() * letters.length);
            sectors.push(letters[randomIndex]);
        }

canvas.addEventListener('click', (event) => {
            const rect = canvas.getBoundingClientRect();
            const x = event.clientX - rect.left;
            const y = event.clientY - rect.top;

const sectorSize = canvas.width / sectors.length;
            const sectorIndex = Math.floor(x / sectorSize);
            currentWord += sectors[sectorIndex];
        });

const checkWord = () => {
            if (currentWord === wordToFind) {
                score++;
            }

currentWord = '';
        };

const draw = () => {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

ctx.fillStyle = 'black';
            ctx.font = '20px Arial';

const sectorSize = canvas.width / sectors.length;
            for (let i = 0; i < sectors.length; i++) {
                ctx.fillText(sectors[i], sectorSize * i + sectorSize / 2 - 10, canvas.height / 2);
            }

ctx.fillText(`Score: ${score}`, 10, 30);
        };

const gameLoop = () => {
            draw();
            checkWord();
        };

const startGame = () => {
            setInterval(() => {
                gameLoop();
            }, 1000 / 60);
        };

wordToFind = 'ALPHABET'; // Set the word to find here

startGame();
    </script>
</body>
</html>