怎麼玩
- 在「選圖片與難度」挑一張內建圖片,或按「上傳我的照片」選自己的照片,再選格數(3×3 到 10×10)和碎片形狀。
- 碎片會隨機散落在框的下方。用滑鼠或手指按住碎片拖動,拖到上方框裡你認為正確的位置後放開。
- 放對位置會自動吸附並鎖定。最後一塊拼好時,畫面會顯示總時間與移動次數。
- 卡住的時候,按「提示(原圖)」可以讓框裡浮現淡淡的原圖;實在找不到,按「幫我放一塊」會隨機放好一塊。想重來就按「重新打亂」。
挑圖片和難度的小建議
- 第一次玩:用 4×4 加上傳統凹凸形狀,十來分鐘內能完成,也能熟悉操作。
- 想挑戰:改成方形塊,或把格數加到 8×8 以上。方形塊沒有形狀線索,只能靠圖案判斷。
- 用自己的照片:有清楚主體、顏色變化多的照片比較好拼;大片天空、牆面、單色背景會讓難度大增。直式照片會依比例縮小顯示,不會被裁切。
- 陪小朋友玩:選 3×3 或 4×4,用孩子熟悉的家人或寵物照片,會有成就感。
吸附、計時和提示的運作方式
- 吸附:碎片放開時,若與正確位置的距離小於碎片尺寸的約三分之一,就會吸進去鎖定;不在範圍內就停在放開的地方,可以再拖。
- 計時:第一次拖動碎片時開始,拼完停止。成績不會儲存。
- 提示:顯示原圖的淡色版本在框裡,只是視覺輔助,不影響成績,也不會自動放碎片。
- 幫我放一塊:隨機挑一塊還沒放好的,直接放到正確位置。使用次數會顯示在完成訊息裡。
常見問題
我上傳的照片會被傳到伺服器嗎?
不會。選了照片之後,圖片只在你的瀏覽器裡讀取、縮小、切成碎片,不會經過本站伺服器,也不會存下來。關掉或重新整理頁面,照片就從記憶體消失了。網站的使用統計只記你按了哪個按鈕,不記檔名或照片內容。不過如果照片是別人的作品或含有個人隱私,請自己確認有權使用。
可以用哪些格式的照片?手機的 HEIC 打不開怎麼辦?
一般的 JPG、PNG、WebP 都可以,實際能不能開還是看你的瀏覽器。iPhone 預設的 HEIC 格式,不是每個瀏覽器都讀得了,讀不了時頁面會告訴你。可以先用本站的「HEIC 轉 JPG」轉成 JPG 再拖進來,轉換也是在瀏覽器裡完成的。照片太大的話,工具會先縮到最長邊 1600 像素以內,拼圖用不到更高的解析度。
幾塊的拼圖比較適合我?
沒有固定標準,這只是參考。3×3(9 塊)和 4×4(16 塊)幾分鐘就能完成,適合小朋友或先試玩;6×6(36 塊)到 8×8(64 塊)需要一點耐心;10×10(100 塊)每一塊都不大,建議在電腦上玩。照片的特徵越多(例如有清楚的景物),越容易拼;大片藍天或單色背景會比較難。
「方形塊」和「傳統凹凸」玩法有什麼不同?
拼法完全一樣,差別只在形狀。方形塊的每一塊都是長方形,只能靠圖案內容判斷位置,難度比較高;傳統凹凸的碎片像實體拼圖,凸出與凹進的形狀本身就是線索,比較容易對上,看起來也更接近實體拼圖。
「吸附」是怎麼運作的?
把碎片拖到框裡正確的位置附近放開,就會自動吸進去並鎖定,鎖定後就不能再拖動,這樣不會不小心把拼好的部分弄亂。判斷的範圍大約是碎片尺寸的三分之一,所以位置不用拖得非常精準。放在錯誤的位置不會吸附,可以隨時再拖走。
手機上要怎麼玩?碎片擋住了不好捲動怎麼辦?
用手指按住碎片拖動,放開就會判斷要不要吸附。碎片散落的區域,手指按在碎片上是拖動、不會捲動頁面;要捲動頁面時,請從沒有碎片的空白處、框的區域或頁面兩側滑動。格數越多碎片越小,手機上建議選 3×3 到 6×6。如果實在拖不動某一塊,可以按「幫我放一塊」,工具會隨機幫你放好一塊。
計時是從什麼時候開始算的?會記錄成績嗎?
第一次拖動碎片(或按「幫我放一塊」)時開始計時,拼完最後一塊時停止,畫面會顯示總時間與移動次數。成績只顯示在這個頁面上,不會存檔也不會上傳,重新整理就清掉了。換圖片、換格數或按「重新打亂」,會重新開始並歸零;如果已經有進度,換之前會先問你要不要放棄目前的進度。
內建的圖片是哪裡來的?
四張內建圖片都是頁面程式用瀏覽器的繪圖功能(canvas)直接畫出來的,沒有使用任何照片或第三方素材,所以沒有版權問題。圖案是固定的,每次選同一張看到的圖都一樣,只有碎片的散落位置和凹凸方向會隨機變化。
技術說明
- 碎片形狀、切圖、拖放、吸附與計時,都是本站自己用原生 JavaScript 寫的,沒有使用其他程式庫。工具本身不載入外部程式庫(全站的使用統計與廣告腳本除外)。
- 凹凸形狀是用貝茲曲線畫成的對稱圖形,相鄰兩塊共用同一條邊的曲線,所以可以嚴密吻合。
- 拖放使用瀏覽器的指標事件(Pointer Events),滑鼠、觸控與手寫筆都適用。
- 圖片在瀏覽器裡以 canvas 處理,不上傳、不存檔。