旋轉圖片拼圖,是一種以方塊為基礎的益智遊戲,圖片的每個碎片都處於 4 種旋轉位置中的其中一種,玩家必須把每個碎片轉回正確的方向,才能還原出原始圖片。Lizely 的Rotating Picture Puzzle 把這種經典形式,包裝成一個確定性的 3x3 拼圖,取材自一張原創的抽象 SVG 海報,具備依種子產生的隨機打亂、透明的錯誤處理,以及固定恰好 1,000 分的完成分數。9 個碎片排列成一個 3x3 網格。每個碎片目前可以朝向 0、90、180,或 270 度。只有當每個碎片同時回到零度時,這個拼圖才算解開。時間、點擊速度,以及任何隱藏的圖片比對模型,都不是驗證的一部分,因此唯一重要的,就是方向。每一次轉動,都會把 1 個選定的碎片順時針轉動恰好 90 度,這代表一開始是 180 度的碎片需要順時針轉 2 次,一開始是 90 度的碎片需要轉 3 次,一開始是 270 度的碎片需要轉 1 次,而已經對齊的碎片則需要轉 0 次。

旋轉圖片拼圖實際上在做什麼
旋轉圖片拼圖,純粹聚焦在固定碎片的方向上。每個碎片的位置永遠不會改變;改變的只有它的旋轉角度。這讓它有別於整個方塊會移動的滑動拼圖,也不同於相鄰邊緣必須對齊的拼邊遊戲,因為在這裡,唯一的變數,就是每一個獨立方塊的 90 度倍數角度。
Rotating Picture Puzzle 採用的是一個 3x3 網格。這張圖片,是取材自本機 SVG 幾何圖形與本站色彩權杖繪製而成的原創抽象海報。當中沒有任何匯入的插畫、角色、商標,或遠端圖片。這 9 個碎片,各自都能被旋轉到 4 種 90 度倍數狀態之一:0°、90°、180°,或 270°。只有當全部 9 個角度在同一時刻都等於 0° 時,這款遊戲才算解開。
這張海報被分割成一個乾淨的 3x3 版面配置。每個碎片的高度至少 44 像素,整個棋盤也會維持完全可見,因此你隨時都能看到整張圖片。每個碎片的角度與對齊狀態,都會顯示在一份帳目中,而狀態列則顯示你目前的移動次數、不同的失誤次數、目前使用中的打亂識別碼、回饋訊息,以及即時分數。Restart 會把目前這個打亂結果,還原成它精確的初始角度,這代表同一個種子的每一次全新遊戲,開頭都完全一樣。
如何用 18 次轉動解開預設種子
Rotating Picture Puzzle 的預設打亂結果,綁定的是種子 20260723,其起始角度,從左上角的碎片到右下角的碎片依序是 180、180、0、90、90、90、270、270 與 90 度。因為每一次動作,都是把 1 個碎片恰好順時針轉動 90 度,因此相對應的解法,需要的次數分別是 2、2、0、3、3、3、1、1 與 3 次。這個序列加總起來,恰好是 18 次合法的轉動,也就是此預設種子公開揭露的路徑。
- 從畫面上的帳目中,讀出每個碎片的起始角度,這樣你就知道哪些已經是 0°、哪些還不是。
- 任何已經顯示 0° 的碎片,完全不要去動它;轉動它會被算成一次已對齊碎片的失誤。
- 先處理位於 180° 的左上角碎片,把它順時針轉動 90° 共 2 次,直到帳目上顯示 0° 為止。
- 移到第 2 個碎片(180°),用同樣的方式順時針轉動 2 次。
- 跳過第 3 個碎片(已經是 0°),移到第 4 個碎片(90°)。把它轉動 3 次:90° → 180° → 270° → 0°。
- 在第 5 個與第 6 個碎片(各為 90°)上,重複同樣的 3 次轉動序列。
- 在第 7 個碎片(270°)上,順時針轉動 1 次就會變成 270° → 0°。轉動它 1 次。
- 在第 8 個碎片(270°)上,套用同樣的單次轉動序列。
- 用 3 次順時針轉動,完成右下角的碎片(90°),讓它從 90° → 180° → 270° → 0°。
- 留意狀態列。一旦全部 9 個碎片同時顯示 0°,棋盤就會凍結,並恰好授予 1,000 分。
整條路徑總共使用 2 + 2 + 0 + 3 + 3 + 3 + 1 + 1 + 3 = 18 次轉動。超過 18 次,就代表某個已對齊的碎片被轉動過,或某個碎片被轉過頭超過歸零點。少於 18 次,則代表棋盤實際上還沒解開,分數仍然會是零。
預設種子角度與轉動次數對照表
為方便你在遊玩時快速查閱,Rotating Picture Puzzle 預設打亂結果的起始角度與所需順時針轉動次數對應如下。最下方一列的加總,正是種子 20260723 公開揭露的精確 18 次轉動。
| 位置 | 起始角度 | 所需順時針轉動次數 |
|---|---|---|
| 1(左上角) | 180° | 2 |
| 2 | 180° | 2 |
| 3 | 0° | 0 |
| 4 | 90° | 3 |
| 5 | 90° | 3 |
| 6 | 90° | 3 |
| 7 | 270° | 1 |
| 8 | 270° | 1 |
| 9(右下角) | 90° | 3 |
| 總計 | — | 18 |
失誤機制如何運作,以及為什麼分數會維持在零
旋轉圖片拼圖聽起來很寬容,但 Rotating Picture Puzzle 採用的是一套嚴格、透明的失誤機制。只要有任何一個碎片還不在 0°,整場遊戲的分數就會恰好維持在零。你可以動上幾百次,但只要沒有真正完成,分數依然是零。
當你轉動一個已經在 0° 的碎片時,就會發生一次失誤。第 1 次動到任何一個特定的已對齊碎片時,遊戲會把它記錄成 1 次可修復的檢查失誤。如果你再次轉動同一個已對齊的碎片,系統會對這個特徵值去重複,因此在同一個碎片上的第 2 次點按,不會被算成一次新的失誤。同一個已對齊方塊的失誤,本質上在記錄過 1 次之後就已經用掉了。
第 2 次不同的已對齊碎片失誤——也就是你動到了另一個已經在 0° 的碎片——會立即結束這場遊戲。沒有第 3 次機會。因此,完成的獎勵靠的不是運氣;而是要不去動已經對齊的碎片,並信任那些公開揭露的轉動次數。未知、負數、超出範圍,以及小數的方塊索引,一律嚴格地不做任何動作,這代表一次意外的按鍵輸入,不會弄壞你的這場遊戲。狀態列會即時追蹤不同的失誤次數,因此你隨時都知道自己還剩下多少次檢查失誤的空間。
操作方式:指標、觸控與鍵盤
Rotating Picture Puzzle 上的每個碎片,高度至少都有 44 像素,並會回報自己目前的角度與對齊狀態,因此指標與觸控操作都很簡單。點按或點擊某個碎片,就能讓它順時針旋轉 90°。棋盤會立即更新,帳目也會跟著重新整理。
若要用鍵盤操作,可以用方向鍵在這 9 個碎片之間移動焦點游標,並按下 Enter 或 Space,讓目前醒目提示的碎片順時針旋轉 90°。被選取的碎片會清楚可見,狀態列也會用更新後的移動次數、不同的失誤次數,以及目前使用中的打亂識別碼,確認每一次動作。共用遊戲外殼的標準 Boss Key 也可以使用,而 Restart 會在不重新產生新種子的情況下,還原目前這個打亂結果精確的初始角度。
所有遊戲過程都留在瀏覽器中。沒有任何上傳、帳號、API 呼叫、外部資源、計時器、動畫迴圈,或新的依賴套件,因此同一條確定性的路徑,在任何現代瀏覽器上都能重現。
種子、打亂結果,以及為什麼這條路徑可以被稽核
在 Rotating Picture Puzzle 上按下「New scramble」,是一個明確的使用者動作,而不是背景事件。按下這個按鈕,會前進到另一個確定性的種子,而同一個種子,永遠會回傳同一組合法、且尚未預先解開的角度陣列。目前使用中的打亂識別碼,會顯示在畫面上,因此任何你遇到的排列,之後都能被查詢並重玩。
這個產生器本身,位於 React 的算繪與副作用之外。它是一個純粹注入式的偽隨機來源,會把每一次取樣,對應到 4 種 90 度倍數角度中的其中一種。唯一的特殊情況,是針對「一開始就已解開的棋盤」所做的防護:如果某個不尋常的來源,原本會產生一個每個碎片都在 0° 的起始狀態,系統會強制把其中 1 個碎片改成 90°,讓這個拼圖絕不會一出現就已經完成。
為了讓整個系統保持誠實,8 組獨立的種子案例,都會被檢查 2 次:可重現性、合法的角度值、尚未預先解開的起始狀態,以及有限步驟內可解。此預設版本的測試,直接持有那組明確的 9 角度陣列,以及明確的補角轉動陣列,而不是從 reducer 中推導出預期路徑。它會重播全部 18 次順時針轉動,以證明恰好能完成,並測試重複的對齊失誤、第 2 次不同的失誤、無效的索引、重新開始、導覽邊界,以及最終凍結狀態。因此,這 1,000 分是一個經過測試驗證的結果,而不是行銷話術。反覆重玩一個已知的種子,自然會隨練習而越來越熟練,而這種熟悉度,在這個公開揭露的拼圖之外並沒有任何意義。
如果你喜歡確定性的旋轉拼圖,並想要一個規模較小的搭配挑戰,Edge Match Puzzle 在一個 2x2 的棋盤上使用帶符號的邊緣卡片,只有 1 種有效排列方式,並經過一次窮舉式、涵蓋 6,144 種狀態的稽核驗證。在你記熟這裡的 18 次轉動預設路徑之後,它是一個不錯的下一站。
快速規則檢查清單
為了在開始前快速複習,以下是濃縮後的規則集:
- 你可以每次把任何未對齊的碎片,順時針旋轉 90°。
- 如果你想要一次乾淨的遊戲,就絕不能轉動已經對齊的碎片。
- 重複同一個已對齊碎片的失誤會被忽略,但第 2 次不同的失誤會結束這場遊戲。
- 只有當全部 9 個碎片同時達到 0° 時,才會獲得完成獎勵。
- 唯一有效的分數就是恰好 1,000 分;未完成的部分成果,分數永遠是零。
- 預設路徑需要 18 次順時針轉動,並綁定種子 20260723。
- Restart 會重設回同樣的起始角度;New scramble 則會前進到一個新的確定性種子。
若想深入了解,請參閱Match the Shadow Game:5 張原創卡片、拿到 1,000 分。
若想深入了解,請參閱線上配對形狀:5 組 SVG 配對、拿到 1,000 分。