Cómo usar la herramienta Rotador de pixel art
- Suelta un sprite o una sprite sheet en la herramienta.
- Haz clic en 90°, 180° o 270°, o arrastra el control de ángulo para cualquier valor intermedio.
- Mantén el método RotSprite para líneas limpias, o cambia a nearest para un resultado más tosco y rápido.
- Si es una sprite sheet, activa la rotación por fotograma para que cada fotograma gire sobre su propio centro.
- Descarga el PNG o exporta una hoja con 4, 8, 16 o 32 ángulos espaciados de forma uniforme.
Qué obtienes
- PNG rotado con la transparencia intacta
- Lienzo que crece para que quepa el sprite rotado (opcional)
- Hoja de direcciones con N rotaciones espaciadas de forma uniforme
Consejos de quienes la usan para hacer juegos
- Rotar pixel art en ángulos irregulares siempre pierde algo de detalle. Las rotaciones pequeñas (15°–30°) en formas simples como espadas, flechas y proyectiles son las que mejor se ven.
- La hoja de direcciones es una forma rápida de hacer 8 o 16 orientaciones para una bala o un auto en un juego top-down. Después retoca las diagonales a mano.
- Si un contorno rotado se rompe, prueba el ángulo ±1°. El muestreo RotSprite puede caer distinto en ángulos vecinos.
- Para personajes, dibuja cada dirección a mano. La rotación sirve para objetos, no para nada que tenga un 'arriba' claro.
Casos de uso
- Hacer proyectiles, autos y naves de 8 direcciones para juegos top-down
- Girar el sprite de una espada o herramienta para animaciones de golpe
- Rotar 90° hojas completas de tiles u objetos de una sola vez
- Corregir arte que se dibujó mirando hacia el lado equivocado
Preguntas frecuentes
¿Por qué mi pixel art se pone borroso cuando lo roto en otro lado?
La mayoría de los editores de imagen usan filtrado bilineal, que mezcla píxeles vecinos en colores intermedios nuevos. Esta herramienta solo muestrea píxeles existentes, así que el resultado tiene la misma paleta que la entrada.
¿Qué es RotSprite?
Un algoritmo para rotar pixel art. Escala el sprite 8× con una pasada de Scale2x que respeta los bordes, lo rota y luego vuelve a muestrear hacia abajo. Las líneas finas se mantienen conectadas mucho mejor que con una rotación nearest-neighbor simple.
¿Las rotaciones de 90°, 180° y 270° son sin pérdidas?
Sí. Los giros de 90° solo mueven píxeles sin volver a muestrear, así que puedes rotar de vuelta y obtener exactamente el original.
¿Puedo rotar cada fotograma de una sprite sheet?
Sí. Activa la rotación por fotograma y revisa la cuadrícula detectada. Cada fotograma gira sobre su propio centro y conserva su tamaño, así que la distribución de la hoja no cambia.
¿Agrega colores?
No. Ambos métodos copian píxeles del origen, así que la paleta de salida es un subconjunto de la paleta de entrada.
¿Se sube algo?
No. La rotación corre en tu navegador y el archivo nunca sale de tu dispositivo.