前言

最近 WORDLE 小遊戲迅速爆紅，在歐美社群平台會看到許多人分享，後續還衍伸出不同種內容，甚至到《紐約時報》花費百萬美元收購這款拼字小遊戲。
單純的畫面、遊戲機制簡潔，以及可以分享過程到社群平台，或許是它爆紅的原因。

算是練習網頁前端，我也嘗試自己製作這款遊戲，並加入了像是"中文意思"、"繼續出題"、"選擇出題範圍"等等幾個功能，感興趣的快進來嘗試，看看你的功力如何~

規則說明

嘗試在 6 次機會中猜出謎底，謎底為 5 個字母的單字，而且每次猜測必須是有效的單字。

每次猜測後，圖塊的顏色會發生變化，顯示你猜測與答案的接近程度。

🟩 綠色：表示字母位置正確。
🟨 黃色：表示答案包含該字母但位置錯誤。
⬜ 灰色：表示答案不包含該字母。

玩法有點類似猜數字 1A2B，只是 WORDLE 會明確指出哪些字母猜中了。

點擊畫面上 "ENTER" 鍵送出、"←" 鍵刪除字母。

功能設定

除了原版的基本功能外，我自己還加入幾個功能設定：

• 答完後可點擊繼續出題，一直遊玩🤩。
• 輸入單字送出後，右方會出現此單字的中文翻譯。
• 可選擇出題範圍題庫，例如：國中 1200 單字、高中 7000 單字。 (變更後需重新出題)
• 可變更顯示的英文字母大寫或小寫。
• 可設定是否出題要包含重複字母的單字，例如：enter 有兩個 "e" 就算是包含重複字母的單字。 (變更後需重新出題)

其中 "出題範圍題庫" 和 "是否包含重複字母"，設定完後需要點選重新出題，謎底的單字才會重新選擇。

* 目前對於行動裝置，支援度沒那麼完善，建議使用電腦或平板遊玩。
* 尚有許多單字的中文意思還未加入，之後會陸續補上。

結語

雖然只是個我自己練習的專案，不過也分享給各位遊玩，看看有沒有人能想出更棒的點子、玩法😎。

之前我也有做個「解謎闖關遊戲」靜態網頁，也可以過去看看：Web Secret Game

歡迎追蹤『IT空間』FB 粉專，取得最新發文通知🔔

參考：
WORDLE 遊戲原版

Make your dreams come true.（讓美夢成真）

—— 迪士尼