Itch.io Webbspelsinspektör och Realtidsupplösningsoptimering

Ladda upp HTML5-exportfiler eller ZIP-arkiv för att testa viewports live, åtgärda rullningslister, inspektera Godot- och Unity WebGL-byggen och generera Itch.io-inbäddningsinställningar.

Släpp ditt spelbygge eller ZIP-arkiv här

Släpp en .ZIP-fil, exporterad mapp eller HTML5-buildfiler i det här området för omedelbar inspektion.

Live layout- och rullningsliststest

[Artificial Zoom-Out Active] Viewport överstiger skärmbredden. En konstgjord zoom-ut har applicerats för att hela canvasen ska synas. Inaktivera automatisk skalning för att se den verkliga layouten.
Zoom 100%
Verktygsstudio

Vill du ha det här verktyget på din webbplats?

Anpassa färger och mörkt läge för WordPress, Notion eller din egen sajt.

Kör igång

Vanliga frågor

Varför visar mitt Godot 4-spel en svart skärm på Itch.io?

Godot 4-webbexporter använder WebAssembly-flertrådning som kräver SharedArrayBuffer-stöd. Aktivera "SharedArrayBuffer support" i ramens alternativ för ditt spel på Itch.io.

Vilken inställning ska kontrolleras före publicering? 1

Kontrollera mått, målmiljö och förhandsvisning innan filen publiceras.

# Formateringsriktlinjer för Itch.io HTML5-spelexporter

Att publicera HTML5- och WebGL-spel på Itch.io kräver exakt konfiguration av viewportdimensioner, arkivfilstrukturer och cross-origin säkerhetshuvuden.
16:9 Liggande Standardwebbbildförhållande
960 x 540 px Klassisk Itch-upplösning
index.html i roten Obligatorisk ingångsfil
COOP / COEP-huvuden Godot 4-krav
När du bäddar in ett 1280x720 WebGL-spel på Itch.io, ange inbäddningsviewportens dimensioner till exakt 1280x720 med "Embed in page" aktiverat.
Det här avsnittet samlar de viktigaste kontrollerna för en ren export och en pålitlig förhandsvisning. 1.Det här avsnittet samlar de viktigaste kontrollerna för en ren export och en pålitlig förhandsvisning. 2.Det här avsnittet samlar de viktigaste kontrollerna för en ren export och en pålitlig förhandsvisning. 3.Det här avsnittet samlar de viktigaste kontrollerna för en ren export och en pålitlig förhandsvisning. 4.Det här avsnittet samlar de viktigaste kontrollerna för en ren export och en pålitlig förhandsvisning. 5.

# Kontrollera viewport, canvas och inbäddning

Jämför den faktiska canvasstorleken med den viewport som planeras för Itch.io. Ett 16:9-förhållande tar inte automatiskt bort rullningslister: CSS-marginaler, minsta bredder och en oskalad canvas kan fortfarande skapa overflow.Läs rapporten efter varje build eftersom filnamn, startpunkt och motorns utdata kan ändras. Komplettera den strukturella kontrollen med tester i flera webbläsare och på olika enheter.

Bibliografiska Referenser

Fler verktyg från Verktyg för spelutveckling

Steam Kapsel och Grafik Generator

Beskär, förhandsgranska och formatera officiella Steam butiks och bibliotekskapslar med säkerhetszonskontroll.

Använd verktyget

Sprite Sheet Packer och Extraktor

Optimera 2D spelprestanda genom att packa enskilda animeringsbilder i texturatlaser eller extrahera sprites från befintliga sheets.

Använd verktyget

Spel Audio Loop Punkt Hittare och Metadata Injektor

Hitta exakta ljudslingpunkter, passa in på nollgenomgångar för att eliminera klick och exportera WAV-filer med LOOPSTART- och LOOPEND-metadata.

Använd verktyget

Spelsparfils Obfuskator och Editor

Avkoda, inspektera, redigera JSON data och kryptera om spelsparfiler med Base64, XOR maskering eller klartext 100% lokalt i din webbläsare.

Använd verktyget

Sanering av CSV och JSON lokaliseringsfiler för Godot och Unity

Inspektera CSV och JSON översättningsfiler för tomma celler, duplicerade nycklar och felaktiga rader samt exportera en ren kopia för spelmotorn.

Använd verktyget

Steam BBCode, Markdown och HTML Omvandlare

Konvertera mellan Steam BBCode, Markdown och HTML i båda riktningarna med automatisk syntaxdetektering och live-förhandsgranskning.

Använd verktyget

Retro Ljudeffekt Generator för Spel

Skapa korta retro-ljudeffekter för spel i din webbläsare med förinställningar, vågformsreglage, oscilloskop och WAV-export.

Använd verktyget

Pixel Art Palettbytare

Minska sprites och spritesheets till klassiska konsolpaletter eller egna hex-färger direkt i webbläsaren.

Använd verktyget

Stresstesta Tillgänglighet för Spel UI

Inspektera skärmdumpar från spel lokalt med färgblindhetssimuleringar, kontrastmätning, oskärpa, skalning och värmekartor.

Använd verktyget

Animera Hitbox och Hurtbox för Sprites

Rita kollisionslager på varje bildruta av din sprite, förhandsgranska rörelser med lökpapper (onion skin), redigera exakta pixelkoordinater och exportera JSON.

Använd verktyget

Skadeformellabb med TTK diagram

Jämför säkra skadeformler för spel i realtid med livekurvor, heatmaps för attack och försvar, avrundningsregler och Time to Kill (TTK).

Använd verktyget

Laboratorium för Game Delta tid och Fast Timestep

Jämför spel-loopar med variabel delta och fast timestep med upprepningsbara bildrute-spikar, simulerad rörelse, ikappsteg och synlig tidsdrift.

Använd verktyget