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.

Ladda en animering, bekräfta bildrutebeskärningen och rita områden för attack, skada eller fysikkollision.

Lokal animeringsarbetsbänk. Bilder laddas inte upp.
Placera grafik på arbetsbänken

Välj ett spritesheet eller flera sorterade PNG/WebP-bilder.

Bildrutebeskärning
Rörelsevisning
Arbetsyta

Ladda bilder för att börja rita kollisionslager.

Bildruterad
Exportera projekt

JSON-filen sparar bildnamn, fästpunkter och former utan att innehålla bildpixlar.

Lagren definierar geometriska designområden. Testa beteendet i din spelmotor.

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

Vad är skillnaden mellan en hitbox och en hurtbox?

En hitbox definierar det område som utdelar en attack, medan en hurtbox definierar det område som kan ta emot skada. Pushboxes håller karaktärer på avstånd och grabboxes sätter räckvidden för grepp.

Lämnar mina spritefiler webbläsaren?

Nej. Bilderna bearbetas och exporteras helt i din webbläsare. Endast redigeringsinställningar sparas lokalt.

Vilket koordinatsystem använder JSON-exporten?

Varje bildruta mäter sina pixelkoordinater från det övre vänstra hörnet. Måtten för bredd och höjd lagrar positiva värden tillsammans med sin egen fästpunkt (pivot).

Kan jag redigera både spritesheets och enskilda bildrutor?

Ja. Du kan ladda ett PNG- eller WebP-spritesheet genom att ange rader och kolumner, eller välja flera sorterade filer.

Fungerar exporten direkt i alla spelmotorer?

JSON-formatet är neutralt. Det sparar bildruteramarna, fästpunkter och geometriska lager utan att tvinga fram en specifik spelmotorstruktur.

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

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.

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

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