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.

Arraste e Solte seu Build ou Arquivo ZIP

Solte qualquer arquivo .ZIP, pasta exportada ou ficheiros de build HTML5 nesta área para inspecionar imediatamente.

Teste de Layout e Barras de Rolagem ao Vivo

[Artificial Zoom-Out Active] O viewport excede a largura da tela. Um zoom-out artificial foi aplicado para que o canvas completo seja visível. Desative o escalonamento automático para ver o layout real.
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

Por que meu jogo Godot 4 exibe uma tela preta no Itch.io?

Exportações web do Godot 4 usam multithreading WebAssembly que requer suporte SharedArrayBuffer. Ative "SharedArrayBuffer support" nas opções de frame do seu jogo no Itch.io.

Que configuração deve ser verificada antes da publicação? 1

Verifique dimensões, ambiente de destino e pré-visualização antes de publicar o ficheiro.

# Diretrizes de Formatação para Exportações HTML5 de Jogos no Itch.io

Publicar jogos HTML5 e WebGL no Itch.io requer configuração precisa das dimensões do viewport, estruturas de arquivos de arquivo e cabeçalhos de segurança cross-origin.
16:9 Horizontal Proporção de Tela Web Padrão
960 x 540 px Resolução Clássica Itch
index.html na Raiz Arquivo de Entrada Obrigatório
Cabeçalhos COOP / COEP Requisito Godot 4
Ao incorporar um jogo WebGL 1280x720 no Itch.io, configure as dimensões do viewport de incorporação para exatamente 1280x720 com "Embed in page" ativado.
Esta secção reúne as verificações essenciais para uma exportação correta e uma pré-visualização fiável. 1.Esta secção reúne as verificações essenciais para uma exportação correta e uma pré-visualização fiável. 2.Esta secção reúne as verificações essenciais para uma exportação correta e uma pré-visualização fiável. 3.Esta secção reúne as verificações essenciais para uma exportação correta e uma pré-visualização fiável. 4.Esta secção reúne as verificações essenciais para uma exportação correta e uma pré-visualização fiável. 5.

# Verificar viewport, canvas e incorporação

Compare o tamanho real do canvas com o viewport planejado no Itch.io. A proporção 16:9 não elimina sozinha as barras de rolagem: margens CSS, larguras mínimas e um canvas sem escala ainda podem causar overflow.Leia o relatório novamente após cada build, pois nomes de arquivos, ponto de entrada e saída da engine podem mudar. Use as indicações estruturais junto com testes em vários navegadores e dispositivos.

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

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

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.

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