Maak een spriteblad van je eigen afbeeldingen
Deze tool combineert bestaande spriteframes in één PNG; hij tekent geen personages en maakt geen animatiehoudingen. Voeg PNG-, JPEG- of WebP-afbeeldingen toe en sleep de miniaturen in de juiste volgorde. Sleep bijvoorbeeld afbeelding 3 op afbeelding 2 om 1, 2, 3, 4 te wijzigen in 1, 3, 2, 4. Gebruik Alt + links/rechts op een afbeelding met focus om met het toetsenbord te ordenen. Verwijderen verschijnt rechtsboven bij aanwijzen of toetsenbordfocus en blijft zichtbaar op aanraakschermen. Na de eerste upload blijft het aantal kolommen gelijk totdat je het bewerkt of het blad wist.
Automatische celgrootte is de standaard. De breedste en hoogste bronafbeeldingen bepalen één gedeelde celgrootte; oorspronkelijke pixels blijven behouden zonder vergroten of verkleinen. Afbeeldingen toevoegen of verwijderen past deze grootte automatisch aan. Kies kolommen en tussenruimte voor de indeling. Aangepaste grootte / schalen toont breedte, hoogte, passing en resampling alleen wanneer je een specifieke celgrootte voor een game-engine nodig hebt. Het voorbeeld heeft één buitenrand voor de volledige PNG-grens; deze rand wordt niet geëxporteerd. Transparante ruimte tussen afbeeldingen met verschillende groottes hoort bij het ene blad en vormt geen aparte bestanden.
Het vaste raster begrijpen
Frames lopen van links naar rechts en daarna van boven naar beneden. Elke cel heeft dezelfde breedte en hoogte, inclusief transparante ruimte rond de afbeelding. Tussenruimte wordt zowel tussen cellen als langs de buitenrand gebruikt. Een gedeeltelijk gevulde laatste rij blijft transparant en het gekozen aantal kolommen blijft behouden, ook bij minder afbeeldingen.
De atlas gebruikt geen rotatie, bijsnijden of optimale pakking. Elke afbeelding staat gecentreerd in de cel. Oorspronkelijke grootte behoudt de afmetingen en meldt een fout als de afbeelding niet past. In cel passen vergroot of verkleint met behoud van verhoudingen en rondt de uiteindelijke breedte en hoogte omlaag af op hele pixels. Vergroten met gehele factor gebruikt de grootste passende gehele schaalfactor en verkleint niet.
Twee controleerbare voorbeelden
Drie afbeeldingen van 16 × 16, vier kolommen, cellen van 32 × 32 en 2 px tussenruimte geven een blad van 138 × 36. De celoorsprongen zijn (2, 2), (36, 2) en (70, 2). Bij Oorspronkelijke grootte begint de inhoud van de eerste afbeelding op (10, 10), omdat deze met 8 px transparante ruimte binnen de cel is gecentreerd.
Voor vijf afbeeldingen van 8 × 8 met twee kolommen, cellen van 16 × 16 en 1 px tussenruimte is het blad 35 × 52. Vergroten met gehele factor schaalt elke afbeelding met factor 2. Het vijfde frame begint op (1, 35) en de ongebruikte zesde cel blijft transparant. Beide voorbeelden gebruiken coördinaten gemeten vanaf de linkerbovenhoek.
Coördinaten lezen en opslaan
PNG opslaan schrijft de samengestelde afbeelding met transparante gebieden. Het dambord is een optioneel weergavehulpmiddel en maakt geen deel uit van het bestand. Het ingeklapte onderdeel Framegegevens voor game-engines bevat optioneel JSON opslaan en een coördinatentabel. Gebruik deze alleen als een spel of programma frames in het blad moet vinden; voor de afbeelding zelf volstaat PNG. De tabelkoppen geven afbeeldingsnaam, positie links/boven en celbreedte/-hoogte in pixels aan. Zichtbare rijnummers beginnen bij 1; JSON-indexen bij 0.
Elk frame heeft een nulgebaseerde index, bestandsnaam en gehele waarden x, y, width en height voor de volledige cel. Het object content geeft de daadwerkelijk getekende rechthoek binnen de cel; source bevat de gedecodeerde oorspronkelijke afmetingen. Namen kunnen voorkomen, dus gebruik index om frames te onderscheiden. JSON is een coördinatenkaart, geen ingebouwd afbeeldingenarchief of projectbestand dat deze pagina opnieuw kan laden. Bewaar PNG en JSON samen.
Welke instellingen behouden pixelart?
Gebruik Oorspronkelijke grootte of Vergroten met gehele factor met Dichtstbijzijnde buur. Een gehele vergrotingsfactor geeft elke bronpixel een gelijk vierkant blok. In cel passen kan een fractionele schaal gebruiken en daardoor ongelijke pixelbreedten geven, ook met dichtstbijzijnde-buurresampling. Vloeiende resampling is beschikbaar voor illustraties, maar mengt randen. JPEG heeft geen transparantie; uploaden verwijdert de achtergrond niet.
Wat zijn de limieten?
Gebruik maximaal 40 bestanden, 10 MiB per bestand en 40 MiB in totaal. Elke invoer is beperkt tot 8192 px per zijde en 16.777.216 pixels; gedecodeerde afbeeldingen samen tot 33.554.432 pixels. De uitvoer heeft dezelfde zijde- en pixelgrenzen als één invoer. Aangepaste cellen accepteren 1–2048 px, kolommen 1–40 en tussenruimte 0–256 px. Verklein de afmetingen of splits de batch als een grens wordt bereikt.
Wat gebeurt er als een upload mislukt?
Beschadigde, niet-ondersteunde en geanimeerde afbeeldingen worden geweigerd. Een mislukte batch laat eerder geaccepteerde frames intact. Wissen annuleert lopende laadacties en verwijdert de huidige afbeeldingen. Bestanden worden lokaal gedecodeerd en afbeeldingsbronnen worden vrijgegeven bij verwijderen of vervangen. Sla je uitvoer op voordat je sluit of van taal wisselt; de pagina bewaart geen project tussen bezoeken.
Kan dit een GIF omzetten in sprites of een personage animeren?
Nee. Deze pagina ordent statische afbeeldingen die je aanlevert. Hij haalt geen GIF-frames op, maakt geen AI-personages, genereert geen animatietiming, roteert of snijdt geen sprites bij, maakt geen ZIP en levert geen personagebestanden van derden. De JSON is een eenvoudige coördinatenkaart; voor een enginespecifieke import moet je mogelijk veldnamen of coördinatenconventies aanpassen.