Ordena el Armario（收納小達人）

整理衣櫃的中文方位詞聽力遊戲

• 網址： https://wangchiapin.github.io/Ordena-el-Armario/
• Firebase 專案： memorma-24dab（只用在排行榜，集合 ordena_leaderboard，與 Memorama、色數消消樂共用）
• 登入方式： 匿名登入
• 狀態： 使用中

玩法

• 語音念指令，玩家把物品放進 3×3 櫃子：點物品 → 點格子，或直接拖曳。
• 點物品時會念出物品名稱。

設定（右上角 ⚙️，記在玩家瀏覽器）

• 字體：繁體（預設）／简体
• 介面語言：Español（預設）／English／只有中文
• 發音標示：不顯示／拼音／注音／兩種都顯示（台灣讀音）
• 語速：慢／正常／快（和其他遊戲共用）
• 語音一律念繁體、台灣讀音

題庫

• 75 個物品（2026-10-27 由 46 個擴充），寫在 index.html 的物品清單，每項有 id、繁／簡、拼音、注音，圖片對應 images/圖片{id}.webp。
• 讀音依 GoodTeacher 規則（例如「鑰匙」念 yào shi）。
• 新增物品要同時補圖片和清單。

排行榜

• 錯誤少的排前面，錯誤一樣比時間。
• 玩完後輸入名字才存；每台裝置只留最好成績。
• 有開「顯示指令文字」的成績會標「con texto／with text」。

遊玩紀錄

2026-10-21 起記錄訪客、開始、玩完，寫到 memorma-24dab 的 plays、visits，在分享區後台「遊玩紀錄」查看。

圖片

images/圖片{id}.webp（300×300）。程式依序找 .webp → .png → 顯示文字。

Firebase 規則

Firebase 規則的正本放在私人 repo game-kit 的 firebase-rules/（memorma-24dab 專案共用一份規則）。這個 repo 不再放規則檔。

分享連結預覽（2026-10-28）

把網址貼到 LINE、WhatsApp 時，會顯示遊戲名稱「收納小達人 · Ordena el Armario」和縮圖。縮圖是根目錄的 og.jpg（1200x630）；名稱與說明文字寫在 index.html <head> 的 og:title、og:description。

手機瀏覽器備註：捲動後回不到頂端（2026-10-24）

iPhone 版 Chrome 上，頁面可以捲動時，往下捲之後有時回不到最上面（Safari 正常）。 處理方式（已套用在本遊戲）：

• <meta name="viewport"> 設 maximum-scale=1，不使用 viewport-fit=cover。
• <html> 加 html{color-scheme:light}。

兩項一起改後，手機 Chrome 測試恢復正常；尚未分開測是哪一項有效。新增頁面請照這個寫。

測試

PLAYWRIGHT_BROWSERS_PATH=/opt/pw-browsers python3 tests/test_game.py（Python + Playwright；擋掉外部網路，用假的 Firebase 和假的語音，不碰真的資料庫）

• 目前 73 項檢查（2026-10-30 建立）。
• 涵蓋：九格方位句與相對方位句、放對／放錯物品／放錯位置／已放格子、結算、排行榜（名字必填、名次公式、較差不覆蓋、失敗）、文字提示開關、重新開始、設定每個值。不改遊戲本檔，靠讀「念出來的句子」操作。
• 改了遊戲的計分、設定、排行榜或畫面文字後，推上去之前先跑一次。
• 驗證方式：另外複製一份遊戲、故意改壞一個地方，測試會出現 FAIL。