關於 Toon Tone — 為動畫迷而生的顏色記憶遊戲
Toon Tone 是一款免費的網頁遊戲,連續五次問你一個很簡單的問題:這個顏色到底是哪一種?那個「這個」永遠是卡通角色的某一塊——皮卡丘的腮紅、孫悟空的頭髮、海綿寶寶的褲子、吉卜力工作室裡飛行員的眼鏡——玩家的工作就是憑記憶用三個 HSB 控制把這個顏色還原出來。這一頁要說的就是遊戲背後的故事。
ToonTone 是部分玩家把 Toon Tone 連在一起的寫法。兩個名字都指 toontone.app 上同一款官方的卡通顏色記憶遊戲。
為什麼要做卡通顏色記憶遊戲?
這個點子來自一個小小的不爽。網路上多數的「猜顏色」遊戲要嘛丟給你一組 hex 色碼去辨認(跟你真正記得的東西完全對不上),要嘛丟給你一張照片(裡面有上百個細微不同的像素,根本沒有乾淨的答案)。卡通剛好落在中間:每一個基礎色都是刻意挑的、每個角色都認得出來,答案也明確,因為那是畫師有意畫上去的。
所以 Toon Tone 圍繞著一個單純的玩法蓋起來:說出角色的某個部位、把那個顏色蓋住、請玩家憑記憶把它調回來。五輪、平均分、排行榜。
使命,一句話
做一款免費、好看又快速的顏色記憶遊戲,尊重玩家的時間、隱私和對動畫的熱愛。
「免費」就是免費,不是 freemium——沒有付費關卡,遊戲流程裡也沒有廣告。「快速」是指頁面在手機上兩秒內載入完,一整場大約三分鐘結束。「尊重隱私」是指不必註冊、玩之前不收集 email,並且對養活這款遊戲的分析、排行榜和可選留言牆有清楚的政策。「對動畫的熱愛」是指角色池由我們親手挑選,並且固定用新影集、新電影和新風格更新它。
Toon Tone 背後的技術
Toon Tone 是一個小而精緻的網頁應用。用純 JavaScript 加上 Vite 打包做出來,跑在自己的 toontone.app 網域上。角色圖檔都是手工準備的,這樣目標色才會精準。計分完全在瀏覽器裡完成,所以你猜完到看到結果之間沒有來回的網路延遲。一局完整玩完之後,排行榜會跟 Supabase 同步以便保存,分析則是另一條線在跑,讓我們在不需要帳號的情況下也能了解網站怎麼被使用。
HSB 色彩模型是刻意挑的。詳情可以看 為什麼在猜色遊戲裡 HSB 贏過 RGB。
卡通陣容
角色池是手工挑選,不是群眾外包,而且橫跨東西方動畫史:
- 經典西方卡通 — 樂一通、漢納巴伯拉、早期迪士尼
- 當代西方影集 — 探險活寶、瑞克和莫蒂、辛普森家庭、海綿寶寶、史蒂芬宇宙
- 吉卜力工作室與現代動畫 — 配色辨識度極高的代表性角色
- 少年與少女漫畫經典 — 七龍珠、火影忍者、美少女戰士、海賊王
- 寶可夢和遊戲角色 — 同時讓動畫迷和遊戲迷都會心一笑的配色
新角色每隔幾週會分批加進來。如果少了你最愛的角色,跟我們說一聲——我們有一份持續滾動的清單。
Toon Tone 不是什麼
- 沒有跟任何工作室合作。Toon Tone 是獨立的粉絲專案,跟迪士尼、東映、吉卜力工作室、寶可夢公司、Cartoon Network 或其他任何權利方都沒有關係。角色名只是猜色題目的指引而已,就像益智問答節目會提到影集名稱一樣。
- 不是知識問答。我們不會問你名字或情報——我們問你某個特定的色調。動到的是不同的腦力。
- 不是維基百科。我們不整理角色資料庫,也不串流任何內容。我們就只是一個小遊戲。
- 不是 SaaS。沒有訂閱、沒有升級、沒有企業方案。
怎麼找到我們
如果你想:
- 推薦一個角色給卡通陣容
- 回報 bug 或顏色錯誤
- 投稿部落格的客座文章
- 詢問把 Toon Tone 用在課堂或工作坊
……打開遊戲,從頁尾的分享/回饋連結進去就行。所有來信我們都會看,只是不一定每次都能很快回覆。
關於這個版本的 Toon Tone
Toon Tone(也寫作 ToonTone)是一款卡通顏色記憶遊戲。toontone.app 上這個版本是 Sam 親手蓋出來、也由 Sam 持續維護的。這個版本的特色是:每週都會放出新角色、提供九種語言(英文、葡萄牙文、西班牙文、德文、俄文、法文、土耳其文、波蘭文、繁體中文),有公開的排行榜,並且用 HSB 控制條來計分。網路上還有其他叫 Toon Tone 的網站——每一個都是自己的專案,走自己的路。