A spelling game where the letters float around. For example A picture of bird appear, the letters B,I,R,D are floating and spinning around. The player must select the letters in the correct order to spell the word. As they spell the word the letters move from their floating position to the correct space where the word will be formed. If the player selects the wrong letter a wrong sound is heard. Please ask me any questions?'s game

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

No:21755

←

Prev Next

→

A spelling game where the letters float around. Fo..ALL
Developer User10050｜Date and time 23/10/18 3:03:30
Build time 64.202 sec｜Game capacity 3.346KB｜

Script

Thank you for providing the details for the spelling game! Based on your description, I have created a single HTML file containing the game. Here is the code:

To play the game, simply copy the above code and save it in a file with a `.html` extension. Open the file using a web browser, and you should see a window with floating and spinning letters representing a word. Click on the letters in the correct order to form the word. If you select the wrong letter, a message will be displayed, and you can try again. Please note that this code assumes the use of modern web browsers that support CSS animations and ES6 JavaScript syntax.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

Thank you for providing the details for the spelling game! Based on your description, I have created a single HTML file containing the game. Here is the code:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Spelling Game</title>
    <style>
        #game-container {
            position: relative;
            width: 100%;
            height: 500px;
        }
        
        .letter {
            position: absolute;
            top: 0;
            left: 0;
            font-size: 36px;
            color: #FFF;
        }
    </style>
</head>
<body>
    <div id="game-container"></div>

// Randomly select a word from the array
        const wordIndex = Math.floor(Math.random() * words.length);
        const currentWord = words[wordIndex].word;
        const wordImage = words[wordIndex].image;

// Create letter elements and randomly position them
        const letters = currentWord.split("").map((letter) => {
            const div = document.createElement("div");
            div.classList.add("letter");
            div.innerText = letter;
            div.style.top = Math.floor(Math.random() * 400) + 50 + "px";
            div.style.left = Math.floor(Math.random() * 800) + 50 + "px";
            document.getElementById("game-container").appendChild(div);
            return div;
        });

// Function to check if the selected letters form the correct word
        function checkWord() {
            const selectedWord = letters.map((letter) => letter.innerText).join("");
            if (selectedWord === currentWord) {
                alert("Correct word! Good job!");
                letters.forEach((letter) => {
                    letter.style.transition = "all 1s";
                    letter.style.top = "200px";
                    letter.style.left = ((letters.indexOf(letter) * 80) + 50) + "px";
                });
            } else {
                alert("Wrong word! Try again.");
            }
        }

letters.forEach((letter) => {
            // Apply spinning animation to the letters
            letter.style.animation = "spin 2s linear infinite";

// Handle letter click events
            letter.addEventListener("click", () => {
                if (letter.style.top !== "200px") { // Letters already formed word will not be selectable
                    letter.style.transition = "all 0.5s";
                    letter.style.top = "200px";
                    letter.style.left = ((letters.indexOf(letter) * 80) + 50) + "px";
                }
                checkWord();
            });
        });
    </script>
</body>
</html>
```

Please note that this code assumes the use of modern web browsers that support CSS animations and ES6 JavaScript syntax.