像素画旋转工具使用方法
- 把精灵图或精灵图集拖到工具上。
- 点击 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° 倍数的旋转只是移动像素位置,不重新采样,所以转回来就能得到完全相同的原图。
能旋转精灵图集中的每一帧吗?
能。打开逐帧旋转并检查检测到的网格。每一帧都会绕自身中心旋转并保持尺寸,图集布局不变。
会增加颜色吗?
不会。两种算法都从源图复制像素,所以输出的调色板是输入调色板的子集。
会上传任何内容吗?
不会。旋转在你的浏览器中运行,文件不会离开你的设备。