像素畫旋轉工具使用教學
- 把精靈圖或精靈圖集拖放到工具上。
- 點擊 90°、180° 或 270°,或拖曳角度滑桿設定中間的任何角度。
- 保持 RotSprite 演算法以得到乾淨的線條,或切換為最近鄰,得到較生硬但較快的結果。
- 如果是圖集,開啟逐格旋轉,讓每一格繞著自己的中心旋轉。
- 下載 PNG,或匯出包含 4、8、16 或 32 個平均分布角度的圖集。
你會得到什麼
- 旋轉後的 PNG,保留透明度
- 畫布自動擴大以容納旋轉後的精靈圖(可選)
- 包含 N 個平均分布旋轉角度的方向圖集
來自實際做遊戲的技巧
- 以非 90° 倍數旋轉像素畫一定會損失部分細節。在劍、箭、飛行道具這類簡單形狀上做小角度旋轉(15°–30°)效果最好。
- 方向圖集是替俯視遊戲的子彈或車輛快速做出 8 或 16 個朝向的方法。之後再手動修一下斜向。
- 如果旋轉後描邊斷了,試試 ±1° 的角度。RotSprite 取樣在相鄰角度上的結果可能不同。
- 角色請手繪各個方向。旋轉適用於物件,不適用於有明確「上方」的東西。
使用情境
- 為俯視遊戲製作 8 方向的飛行道具、車輛與太空船
- 旋轉劍或工具精靈圖,用於揮砍動畫
- 一次把整張圖塊或道具圖集旋轉 90°
- 修正朝向畫反的素材
常見問題
為什麼在其他地方旋轉後像素畫會變模糊?
大多數影像編輯軟體使用雙線性過濾,會把相鄰像素混成新的中間色。這個工具只取樣原有像素,所以結果的調色盤與輸入相同。
什麼是 RotSprite?
一種旋轉像素畫的演算法。它先用能辨識邊緣的 Scale2x 把精靈圖放大 8×,旋轉後再取樣縮回原尺寸。細線比一般最近鄰旋轉相連得多。
90°、180° 與 270° 旋轉是無損的嗎?
是的。90° 倍數的旋轉只是搬動像素,不會重新取樣,所以轉回來就能得到完全相同的原圖。
能旋轉精靈圖集中的每一格嗎?
可以。開啟逐格旋轉並檢查偵測到的網格。每一格都會繞自身中心旋轉並維持尺寸,圖集配置不變。
會增加顏色嗎?
不會。兩種演算法都從來源複製像素,所以輸出的調色盤是輸入調色盤的子集。
會上傳任何東西嗎?
不會。旋轉在你的瀏覽器中執行,檔案不會離開你的裝置。