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.

Laad een animatie, controleer de frame-uitsneden en teken de gebieden voor aanval, schade, fysieke botsing of detectie.

Lokale animatietafel. Afbeeldingen worden niet geüpload.
Afbeeldingen op de werkbank plaatsen

Kies een spritesheet of een reeks geordende PNG/WebP-afbeeldingen.

Frame-uitsnede
Bewegingsvoorbeeld
Werkgebied

Laad afbeeldingen om te beginnen met het tekenen van botsingslagen.

Animatiestrip
Project exporteren

Het JSON-bestand slaat afbeeldingsnamen, draaipunten en vormen op zonder de pixels te bevatten.

Lagen definiëren geometrische ontwerpzones. Test het gedrag direct in uw game-engine.

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

Wat is het verschil tussen een hitbox en een hurtbox?

Een hitbox markeert het aanvalsgebied, terwijl een hurtbox het kwetsbare gebied aangeeft dat de aanval ontvangt. Pushboxes houden personages op afstand en grabboxes bepalen het bereik van een worp.

Verlaten mijn sprite-bestanden de browser?

Nee. Afbeeldingen worden volledig binnen uw browser verwerkt en geëxporteerd. Alleen uw bewerkingsvoorkeuren worden lokaal opgeslagen.

Welk coördinatensysteem gebruikt de JSON-export?

Elk frame meet de pixelcoördinaten vanaf de linkerbovenhoek van de uitsnede. De breedte en hoogte worden opgeslagen als positieve waarden met een eigen draaipunt.

Kan ik een spritesheet en losse frame-afbeeldingen bewerken?

Ja. U kunt een PNG- of WebP-spritesheet laden door rijen en kolommen op te geven, of meerdere geordende afbeeldingen selecteren.

Werkt de export direct in elke game-engine?

Het JSON-formaat is neutraal. Het slaat frame-rechthoeken, draaipunten en geometrische lagen op zonder een specifieke engine af te dwingen.

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

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.

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

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