Itch.io Webgame Inspecteur en Live Resolutie Optimalisator

Upload HTML5 exportbestanden of ZIP-archieven om viewports live te testen, scrollbars te herstellen, Godot en Unity WebGL builds te inspecteren en Itch.io embed-instellingen te genereren.

Sleep je gamebuild of ZIP-bestand hierheen

Sleep een .ZIP-bestand, geëxporteerde map of HTML5 buildbestanden naar dit gebied voor directe inspectie.

Live layout- en scrollbartest

[Artificial Zoom-Out Active] Viewport overschrijdt de schermbreedte. Er is een kunstmatige zoom-out toegepast zodat het volledige canvas zichtbaar is. Schakel automatisch schalen uit om de werkelijke lay-out te zien.
Zoom 100%
Hulpmiddelenstudio

Wil je dit hulpmiddel op je website?

Pas kleuren en de donkere modus aan voor WordPress, Notion of je eigen site.

Ga verder

Veelgestelde vragen

Waarom toont mijn Godot 4-game een zwart scherm op Itch.io?

Godot 4 web-exports gebruiken WebAssembly multithreading dat SharedArrayBuffer-ondersteuning vereist. Schakel "SharedArrayBuffer support" in bij de frameopties van je Itch.io-game.

Welke instelling moet je voor publicatie controleren? 1

Controleer afmetingen, doelomgeving en voorbeeldweergave voordat je het bestand publiceert.

# Opmaakrichtlijnen voor Itch.io HTML5-game exports

Het publiceren van HTML5- en WebGL-games op Itch.io vereist nauwkeurige configuratie van viewportafmetingen, archiefbestandsstructuren en cross-origin beveiligingsheaders.
16:9 Liggend Standaard webbeeldverhouding
960 x 540 px Klassieke Itch-resolutie
index.html in root Vereist invoerpuntbestand
COOP / COEP headers Godot 4-vereiste
Stel bij het insluiten van een 1280x720 WebGL-game op Itch.io de embed-viewportafmetingen in op precies 1280x720 met "Embed in page" ingeschakeld.
Deze sectie vat de belangrijkste controles samen voor een nette export en een betrouwbare voorbeeldweergave. 1.Deze sectie vat de belangrijkste controles samen voor een nette export en een betrouwbare voorbeeldweergave. 2.Deze sectie vat de belangrijkste controles samen voor een nette export en een betrouwbare voorbeeldweergave. 3.Deze sectie vat de belangrijkste controles samen voor een nette export en een betrouwbare voorbeeldweergave. 4.Deze sectie vat de belangrijkste controles samen voor een nette export en een betrouwbare voorbeeldweergave. 5.

# Viewport, canvas en insluiting samen controleren

Vergelijk de echte canvasgrootte met de viewport die je op Itch.io plant. Een verhouding van 16:9 verwijdert scrollbalken niet automatisch: CSS-marges, minimale breedtes en een niet geschaalde canvas kunnen nog steeds overflow veroorzaken.Lees het rapport na elke build opnieuw, want bestandsnamen, het startpunt en de engine-uitvoer kunnen veranderen. Gebruik deze controle naast tests in meerdere browsers en op verschillende apparaten.

Bibliografische Referenties

Meer hulpmiddelen van Hulpmiddelen voor gameontwikkeling

Steam Capsule en Afbeeldingen Generator

Bijsnijden, bekijken en formatteren van officiële Steam winkel en bibliotheek afbeeldingen met veiligheidszone controle.

Tool gebruiken

Sprite Sheet Packer en Extractor

Optimaliseer 2D game prestaties door afzonderlijke animatie frames samen te voegen in textuur atlassen of sprites te extraheren uit bestaande sheets.

Tool gebruiken

Game Audio Loop Punt Zoeker en Metadata Injector

Vind exacte audio-looppunten, lijn uit op nuldoorgangen om kliks te elimineren en exporteer WAV-bestanden met LOOPSTART- en LOOPEND-metadata.

Tool gebruiken

Game Save Bestand Obfuscator en Editor

Ontsleutel, inspecteer, bewerk JSON payloads en versleutel game save bestanden opnieuw met Base64, XOR masking of platte tekst 100% lokaal in je browser.

Tool gebruiken

Godot en Unity Lokalisatie CSV en JSON Opschoonhulp

Inspecteer CSV of JSON vertaalbestanden op lege cellen, dubbele sleutels en beschadigde rijen en exporteer een schone kopie voor uw game engine.

Tool gebruiken

Steam BBCode, Markdown en HTML Omzetter

Converteer tussen Steam BBCode, Markdown en HTML in beide richtingen met automatische syntaxisdetectie en live voorbeeld.

Tool gebruiken

Retro Geluidseffect Generator voor Games

Maak korte retro game geluidseffecten in je browser met presets, golfvormbediening, een live oscilloscoop en WAV-export.

Tool gebruiken

Pixel Art Palet Wisselaar

Reduceer sprites en spritesheets tot klassieke consolepaletten of een aangepaste lijst hex-kleuren direct in je browser.

Tool gebruiken

Game UI Toegankelijkheid Stresstester

Inspecteer game-screenshots lokaal met kleurensimulaties, HUD-contrastmetingen, vervaging, schaalverkleining en randen-heatmaps.

Tool gebruiken

Hitbox en Hurtbox Animator voor Sprites

Teken botsingslagen op elk sprite-frame, bekijk animaties met uienvellen, bewerk exacte pixelcoördinaten en exporteer een motorneutraal JSON-bestand.

Tool gebruiken

Schadeformule Lab met TTK Grafieken

Vergelijk veilige schadeformules voor games met live curves, heatmaps van aanval en verdediging, afrondingspunten en Time to Kill (TTK).

Tool gebruiken

Game Delta Time en Vaste Timestep Laboratorium

Vergelijk game-lussen met variabele delta en vaste timestep met herhaalbare framepieken, gesimuleerde beweging, inhaalstappen en zichtbare tijdsdrift.

Tool gebruiken