Editor de pixel art gratuito · Funciona en tu navegador
Pixel art y animación para tu juego
Dibuja sprites, anímalos fotograma a fotograma y exporta hojas de sprites que tu motor lee tal cual: Godot, Unity, GameMaker o cualquier motor que acepte JSON.
- Gratis
- Sin instalación
- Sin marca de agua
El editor
Todo lo que necesita un sprite
Hecho para la forma en que se crean los sprites de juego: lienzos pequeños, pocos colores, muchos fotogramas.
Herramientas de píxeles
Lápiz con precisión de píxel, líneas, rectángulos, elipses y relleno, con simetría en uno o dos ejes y bloqueo de alfa para recolorear.
Animación por fotogramas
Una línea de tiempo de fotogramas con etiquetas, duración por fotograma y papel cebolla. Sigue dibujando mientras se reproduce.
Capas y grupos
Nombra, agrupa, bloquea y oculta capas. La línea de tiempo muestra las que se mueven, así los sprites largos siguen siendo legibles.
Paletas
Empieza con PICO-8, Sweetie 16, Endesga 32 o Game Boy, crea rampas y tonos con cambio de matiz, y cambia un color en todos los fotogramas a la vez.
Tiles
Una cuadrícula de tiles sobre el lienzo y una vista previa en mosaico de 3 × 3 que muestra las uniones antes que tu nivel.
Referencias e importaciones
Dibuja sobre una imagen de referencia, abre un PNG como sprite o corta una hoja de sprites existente en fotogramas.
Exportar
Hojas de sprites con JSON al estilo de Aseprite, GIF y fotogramas PNG, escalados de 1× a 8× sin desenfoque.
Sprites lado a lado
Mantén juntos los sprites de un personaje como pestañas de un mismo archivo de proyecto .mori, compartiendo una paleta.
Trabajo que queda a salvo
Se guarda en el navegador una copia del trabajo sin guardar y se te ofrece si la pestaña se cierra. Los proyectos recientes están a un clic.
Exportar
Directo a tu motor
La exportación escribe la hoja de sprites y el archivo que lee tu motor, así la animación llega cortada, con sus tiempos y con el nombre de tus etiquetas.
- Godot 4
.tresUn recurso SpriteFrames con una animación por etiqueta, listo para un AnimatedSprite2D.
- Unity
.png.metaLa hoja llega como un sprite Multiple ya cortado, con filtro Point y sin compresión.
- GameMaker
_strip8.pngUna tira nombrada tal como GameMaker la divide en fotogramas al importar.
- Cualquier motor
.jsonJSON al estilo de Aseprite (hash o array) con fotogramas, duraciones y etiquetas, para Phaser y otros.
También GIF, PNG sueltos y fotogramas PNG, de 1× a 8×.
Cómo funciona
Del lienzo vacío a tu juego en tres pasos
Paso 1: Empieza un sprite
Elige un tamaño y una paleta, o parte de una plantilla de personaje, tileset o icono.
Paso 2: Dibuja y anima
Añade fotogramas, etiqueta los bucles y míralos reproducirse mientras sigues dibujando.
Paso 3: Exporta a tu juego
Escribe la hoja de sprites y el archivo que lee tu motor, en un solo paso.
Edición de fotos
Un editor de fotos en la misma mesa de trabajo
Para texturas, arte promocional y capturas para la tienda, o cualquier foto que necesite trabajo: capas, máscaras y herramientas de retoque, con los atajos que conocen los usuarios de Photoshop.
Capas de ajuste
Niveles, Curvas, Tono/Saturación y doce más, cada una en su propia capa con máscara, que se cambia o se desactiva en cualquier momento.
Retoque
Corrector puntual, pincel corrector, parche, tampón de clonar y relleno según el contenido, con sobreexponer, subexponer, desenfocar, enfocar y licuar.
Selecciones y máscaras
Selección rápida, varita mágica, lazo, y Seleccionar y aplicar máscara para pelo y bordes suaves, sobre una máscara de capa para que nada se borre.
Texto, formas y estilos
Texto editable, formas y pluma, con estilos de capa como sombra paralela, trazo y resplandor.
Archivos PSD
Abre un PSD con sus capas, máscaras, ajustes y estilos, y guarda una copia como PSD para devolver el trabajo.
Texturas para juegos
Haz que una textura sea continua, cámbiala a un tamaño potencia de dos o convierte una foto en pixel art y sigue como sprite.
Lo que viene
Hacia dónde va Moriqa
Esto está planeado, aún no construido; la hoja de ruta muestra en qué se está trabajando.
- PlaneadoComponentes y variantes
Dibuja una pieza una vez y reutilízala en tus sprites, con variantes con nombre como colores o estados.
- PlaneadoAnimación por fotogramas clave
Mueve, rota y escala las piezas entre claves en lugar de redibujar cada fotograma.
- PlaneadoProyectos de ilustración
Formas vectoriales, trazados y texto en mesas de trabajo, exportados como SVG o PNG nítido.
Moriqa
Preguntas frecuentes
¿Moriqa es gratis?
Sí. Todo en el editor es gratis, incluidos todos los formatos de exportación, y nada lleva marca de agua. No hay plan de pago; si Moriqa te ayuda, puedes apoyarlo en Buy Me a Coffee.
¿Necesito una cuenta?
Sí, una gratuita. Inicia sesión con Google, GitHub, Discord o correo y el editor se abre. Tus proyectos se siguen guardando como archivos .mori en tu ordenador; la cuenta es tu perfil, sobre el que se construirá el intercambio de componentes con otros artistas.
¿Cómo llevo un sprite a mi juego?
La exportación escribe una hoja de sprites más el archivo que lee tu motor: un recurso SpriteFrames para Godot 4, un .meta de sprite cortado para Unity, una tira con nombre para GameMaker o JSON al estilo de Aseprite para Phaser y otros motores. Los tiempos de los fotogramas y las etiquetas llegan como animaciones.
¿Puedo abrir archivos de Aseprite?
Todavía no. Puedes abrir un PNG como sprite, o importar una hoja de sprites existente y cortarla en fotogramas. La exportación JSON de Moriqa sigue el formato de Aseprite, así que las herramientas que leen hojas de Aseprite también leen las de Moriqa.
¿Dónde se guarda mi trabajo?
En tu ordenador. Guardas los archivos de proyecto .mori donde quieras, y el navegador conserva una copia del trabajo sin guardar para ofrecértela si la pestaña se cierra. No se sube nada.
¿Funciona en un móvil o una tableta?
El editor está hecho para navegadores de ordenador, con ratón o tableta gráfica. Las herramientas gratuitas de moriqa.com también funcionan en móviles.
¿Y la edición de fotos y la ilustración?
La edición de fotos ya está aquí: el mismo editor tiene un modo de foto con capas, máscaras, capas de ajuste, herramientas de retoque y archivos PSD. Los proyectos de ilustración están planeados; la hoja de ruta muestra en qué se está trabajando.
¿El editor usa IA?
No para dibujar ni para editar: las herramientas son para que las uses a mano. El modo de foto tiene dos comandos, Seleccionar sujeto y Quitar fondo, que usan el mismo modelo que el quitafondos gratuito, y lo indican antes de enviar una imagen.
Relacionado
Herramientas gratuitas para artistas de píxeles
- Imagen a pixel artConvierte una foto o un dibujo en pixel art con una paleta de verdad.
- Paleta de colores desde una imagenExtrae los colores principales de cualquier imagen, con códigos HEX.
- Todas las herramientas gratuitasDivide hojas en tiles, redimensiona, comprime, recorta y convierte, en el navegador.
Dibuja tu primer sprite
El editor se abre en tu navegador con un sprite nuevo listo. Nada que instalar; basta una cuenta gratuita.