Animador de Hitbox e Hurtbox para Sprites

Desenhe camadas de colisão em cada quadro do seu sprite, pré-visualize sequências com papel vegetal, ajuste coordenadas exatas em pixels e exporte JSON neutro.

Carregue uma animação, confirme o recorte dos quadros e desenhe as áreas de ataque, dano ou colisão física.

Mesa de animação local. As imagens não são enviadas para servidores.
Colocar arte na mesa de trabalho

Escolha uma folha de sprites ou várias imagens PNG/WebP ordenadas.

Divisão de quadros
Prévia do movimento
Mesa de trabalho

Carregue imagens para começar a desenhar camadas de colisão.

Tira de quadros
Exportar projeto

O JSON salva nomes de imagem, recortes, pivôs e geometrias sem conter dados de pixels.

As camadas definem regiões geométricas de design. Teste o comportamento no seu motor de jogo.

Zoom 100%
Estúdio de Utilitários

Quer este utilitário no seu site?

Personalize cores e o modo escuro para WordPress, Notion ou o seu próprio site.

Avançar

Perguntas frequentes

Qual é a diferença entre uma hitbox e uma hurtbox?

Uma hitbox define a área que aplica um ataque, enquanto uma hurtbox delimita a área vulnerável que recebe o dano. As pushboxes mantêm o afastamento entre personagens e as grabboxes definem o alcance de agarres.

Os meus arquivos de sprites saem do navegador?

Não. As imagens são processadas e exportadas inteiramente no seu navegador. A ferramenta salva apenas preferências de edição no armazenamento local.

Qual sistema de coordenadas o arquivo JSON exportado utiliza?

Cada quadro mede suas coordenadas em pixels tomando o canto superior esquerdo como origem (0,0). As dimensões armazenam valores positivos de x, y, largura e altura com seu próprio ponto pivô.

Posso editar folhas de sprites completas e quadros avulsos?

Sim. Você pode carregar uma folha PNG ou WebP informando linhas e colunas, ou selecionar várias imagens ordenadas para criar a sequência.

O arquivo exportado funciona diretamente em qualquer motor de jogo?

O formato JSON é neutro. Ele registra recortes de quadros, pontos pivô e camadas geométricas sem impor uma estrutura rígida de um motor específico.

Referências Bibliográficas

Mais utilitários de Ferramentas para desenvolvimento de jogos

Gerador e Visualizador de Cápsulas Steam

Corte, visualize e formate cápsulas oficiais da loja e biblioteca Steam com verificação de zonas de segurança.

Usar ferramenta

Inspetor de Jogos Web Itch.io e Otimizador de Resolução ao Vivo

Carregue ficheiros de exportação HTML5 ou arquivos ZIP para testar viewports ao vivo, corrigir barras de rolagem, inspecionar builds Godot e Unity WebGL e gerar configurações de incorporação para Itch.io.

Usar ferramenta

Empacotador e Extrator de Sprite Sheet

Otimize o desempenho de jogos 2D alinhando frames de animação em atlas de textura ou extraindo sprites de folhas existentes.

Usar ferramenta

Localizador de Ponto de Loop de Áudio e Injetor de Metadados

Localize pontos exatos de loop de áudio, ajuste aos cruzamentos por zero para eliminar cliques e exporte arquivos WAV com metadados LOOPSTART e LOOPEND.

Usar ferramenta

Editor e Ofuscador de Save de Jogo

Descriptografe, inspecione, edite payloads JSON e criptografe arquivos de save de jogos usando Base64, máscara XOR ou texto simples 100% localmente no navegador.

Usar ferramenta

Depurador de Arquivos CSV e JSON de Localização para Godot e Unity

Inspecione arquivos CSV ou JSON de tradução em busca de células vazias, chaves duplicadas e linhas corrompidas, e exporte uma cópia limpa pronta para importação.

Usar ferramenta

Conversor de BBCode da Steam, Markdown e HTML

Converta entre BBCode da Steam, Markdown e HTML em ambas as direções com deteção automática de sintaxe e pré-visualização.

Usar ferramenta

Gerador de Efeitos Sonoros Retrô para Jogos

Crie efeitos sonoros retrô para jogos no navegador com predefinições rápidas, controles de onda, osciloscópio ao vivo e exportação WAV.

Usar ferramenta

Troca de Paleta para Pixel Art

Reduza sprites e folhas de sprites para paletas clássicas de consoles ou uma lista personalizada de cores hexadecimais no navegador.

Usar ferramenta

Testador de Estresse de Acessibilidade para UI de Jogos

Inspecione capturas de tela de jogos localmente com simulações de daltonismo, sondas de contraste HUD, desfoque, redução de escala e mapas de calor de bordas.

Usar ferramenta

Laboratório de Fórmulas de Dano e Gráficos TTK

Compare fórmulas de dano para jogos em tempo real com curvas dinâmicas, mapas de calor de ataque e defesa, arredondamentos e tempo para derrotar (TTK).

Usar ferramenta

Laboratório de Delta Time e Timestep Fixo para Jogos

Compare loops de jogo com delta variável e timestep fixo usando picos de frame repetíveis, movimento simulado, passos de recuperação e desvio temporal visível.

Usar ferramenta