Pular para o conteúdo

Editor de pixel art gratuito · Roda no seu navegador

Pixel art e animação para o seu jogo

Desenhe sprites, anime quadro a quadro e exporte sprite sheets que a sua engine lê do jeito que estão: Godot, Unity, GameMaker ou qualquer engine que aceite JSON.

  • Grátis
  • Sem instalação
  • Sem marca d’água
O editor do Moriqa com um sprite de slime de 24 × 24: camadas à esquerda, quatro quadros com a etiqueta Idle na linha do tempo, paleta e propriedades à direita.

O editor

Tudo o que um sprite precisa

Feito para o jeito como sprites de jogo são criados: telas pequenas, poucas cores, muitos quadros.

  • Ferramentas de pixel

    Lápis com precisão de pixel, linhas, retângulos, elipses e preenchimento, com simetria em um ou dois eixos e bloqueio de alfa para recolorir.

  • Animação por quadros

    Uma linha do tempo de quadros com etiquetas, duração por quadro e papel-cebola. Continue desenhando enquanto ela toca.

  • Camadas e grupos

    Nomeie, agrupe, bloqueie e oculte camadas. A linha do tempo mostra as que se movem, então sprites longos continuam legíveis.

  • Paletas

    Comece com PICO-8, Sweetie 16, Endesga 32 ou Game Boy, crie rampas e tons com variação de matiz e troque uma cor em todos os quadros de uma vez.

  • Tiles

    Uma grade de tiles sobre a tela e uma prévia lado a lado de 3 × 3 que mostra as emendas antes da sua fase.

  • Referências e importações

    Desenhe sobre uma imagem de referência, abra um PNG como sprite ou corte uma sprite sheet existente em quadros.

  • Exportar

    Sprite sheets com JSON no estilo do Aseprite, GIFs e quadros PNG, em escala de 1× a 8× sem desfoque.

  • Sprites lado a lado

    Mantenha os sprites de um personagem juntos como abas em um único arquivo de projeto .mori, compartilhando uma paleta.

  • Trabalho que fica seguro

    Uma cópia do trabalho não salvo fica no navegador e é oferecida de volta se a aba fechar. Os projetos recentes estão a um clique.

Exportar

Direto para a sua engine

A exportação grava a sprite sheet e o arquivo que a sua engine lê, então a animação chega fatiada, com os tempos certos e com o nome das suas etiquetas.

  • Godot 4.tres

    Um recurso SpriteFrames com uma animação por etiqueta, pronto para um AnimatedSprite2D.

  • Unity.png.meta

    A sheet chega como um sprite Multiple já fatiado, com filtro Point e sem compressão.

  • GameMaker_strip8.png

    Uma tira nomeada do jeito que o GameMaker a divide em quadros na importação.

  • Qualquer engine.json

    JSON no estilo do Aseprite (hash ou array) com quadros, durações e etiquetas, para Phaser e outros.

Também GIF, PNGs avulsos e quadros PNG, de 1× a 8×.

Como funciona

Da tela vazia ao seu jogo em três passos

  1. Passo 1: Comece um sprite

    Escolha um tamanho e uma paleta, ou parta de um modelo de personagem, tileset ou ícone.

  2. Passo 2: Desenhe e anime

    Adicione quadros, etiquete os loops e veja-os tocar enquanto você continua desenhando.

  3. Passo 3: Exporte para o seu jogo

    Grave a sprite sheet e o arquivo que a sua engine lê, em um só passo.

Edição de fotos

Um editor de fotos na mesma bancada

Para texturas, artes de divulgação e capturas para a loja, ou qualquer foto que precise de trabalho: camadas, máscaras e ferramentas de retoque, com os atalhos que quem usa Photoshop conhece.

O editor de fotos do Moriqa com uma paisagem noturna aberta: uma camada de texto e camadas de ajuste de Curvas e Vibratilidade à esquerda, a curva e o histórico à direita, as ferramentas na parte de baixo.
  • Camadas de ajuste

    Níveis, Curvas, Matiz/Saturação e mais doze, cada uma em sua própria camada com máscara, alterada ou desligada a qualquer momento.

  • Retoque

    Correção de manchas, pincel de recuperação, correção, carimbo e preenchimento sensível ao conteúdo, com subexposição, superexposição, desfoque, nitidez e dissolver.

  • Seleções e máscaras

    Seleção rápida, varinha mágica, laço e Selecionar e mascarar para cabelo e bordas suaves, em uma máscara de camada para que nada seja apagado.

  • Texto, formas e estilos

    Texto editável, formas e caneta, com estilos de camada como sombra projetada, traçado e brilho.

  • Arquivos PSD

    Abra um PSD com suas camadas, máscaras, ajustes e estilos, e salve uma cópia como PSD para devolver o trabalho.

  • Texturas para jogos

    Deixe uma textura sem emendas, redimensione para uma potência de dois ou transforme uma foto em pixel art e continue como sprite.

O que vem a seguir

Para onde o Moriqa vai

Isto está planejado, ainda não construído; o roteiro mostra no que estamos trabalhando.

  • PlanejadoComponentes e variantes

    Desenhe uma peça uma vez e reutilize em vários sprites, com variantes nomeadas como cores ou estados.

  • PlanejadoAnimação por quadros-chave

    Mova, gire e redimensione peças entre chaves em vez de redesenhar cada quadro.

  • PlanejadoProjetos de ilustração

    Formas vetoriais, caminhos e texto em pranchetas, exportados como SVG ou PNG nítido.

Ver o roteiro

Moriqa

Perguntas frequentes

O Moriqa é gratuito?

Sim. Tudo no editor é gratuito, incluindo todos os formatos de exportação, e nada leva marca d’água. Não existe plano pago; se o Moriqa ajuda você, dá para apoiá-lo no Buy Me a Coffee.

Preciso de uma conta?

Sim, uma conta gratuita. Entre com Google, GitHub, Discord ou e-mail e o editor abre. Seus projetos continuam salvos como arquivos .mori no seu computador; a conta é o seu perfil, e o compartilhamento de componentes com outros artistas será construído sobre ele.

Como levo um sprite para o meu jogo?

A exportação grava uma sprite sheet e o arquivo que a sua engine lê: um recurso SpriteFrames para Godot 4, um .meta de sprite fatiado para Unity, uma tira nomeada para GameMaker ou JSON no estilo do Aseprite para Phaser e outras engines. Os tempos dos quadros e as etiquetas chegam como animações.

Posso abrir arquivos do Aseprite?

Ainda não. Você pode abrir um PNG como sprite ou importar uma sprite sheet existente e cortá-la em quadros. A exportação JSON do Moriqa segue o formato do Aseprite, então ferramentas que leem sheets do Aseprite também leem as do Moriqa.

Onde meu trabalho fica guardado?

No seu computador. Você salva os arquivos de projeto .mori onde quiser, e o navegador guarda uma cópia do trabalho não salvo para oferecê-la de volta se a aba fechar. Nada é enviado.

Funciona no celular ou no tablet?

O editor foi feito para navegadores de desktop e notebook, com mouse ou mesa digitalizadora. As ferramentas gratuitas do moriqa.com também funcionam no celular.

E a edição de fotos e a ilustração?

A edição de fotos já está aqui: o mesmo editor tem um modo de foto com camadas, máscaras, camadas de ajuste, ferramentas de retoque e arquivos PSD. Projetos de ilustração estão planejados; o roteiro mostra no que se está trabalhando.

O editor usa IA?

Não para desenhar nem editar: as ferramentas são para você usar à mão. O modo de foto tem dois comandos, Selecionar assunto e Remover fundo, que usam o mesmo modelo do removedor de fundo gratuito, e avisam disso antes de uma imagem ser enviada.

Desenhe seu primeiro sprite

O editor abre no seu navegador com um novo sprite pronto. Nada para instalar; uma conta gratuita é tudo o que precisa.