Een consistente pixel-spritegrootte kiezen voordat je een gamepersonage tekent

Bepaal voordat je gaat tekenen globaal hoe de game wordt bekeken: van opzij, van bovenaf, isometrisch of als close-up. Bedenk hoeveel van de spelwereld op het scherm moet passen en hoe groot de speler daarin moet lijken. Een personage dat in één oogopslag herkenbaar moet zijn in een drukke scène van bovenaf, stelt andere eisen dan een close-upportret tijdens een dialoog.

Als je de interne resolutie van de game al weet, gebruik die dan als meetkader. Teken bijvoorbeeld een eenvoudig testscherm van 320 × 180 pixels en markeer een geschatte spelerhoogte van 32 pixels. Zo kun je een concrete verhouding beoordelen: het personage neemt ongeveer 18% van de schermhoogte in. Deze getallen dienen ter illustratie en zijn geen aanbevolen standaard. De kadrering van de camera, de bewegingsruimte en de beoogde visuele nadruk bepalen de verhouding.

In de documentatie van Unity's Pixel Perfect Camera wordt Reference Resolution beschreven als de oorspronkelijke resolutie waarvoor de assets zijn ontworpen. De handleiding voor de configuratie legt uit dat een referentieresolutie van 320 × 180 de camera een beeld van 320 bij 180 spritepixels geeft. Daardoor is het gamebeeld een praktisch uitgangspunt voor het bepalen van de afmetingen van personages. Unity: een pixel-perfectcamera toevoegen

Houd de hoogte van de getekende figuur apart van die van het canvas. Als een personage 28 pixels hoog is binnen een canvas van 32 × 32, kan de resterende ruimte plaats bieden aan haar, een sprong of een wapen zonder dat je voor elke pose het canvas hoeft aan te passen. Kies eerst de gewenste zichtbare hoogte en voeg daarna alleen de marges toe die je game nodig heeft.

Maak een kleine silhouet in twee of drie mogelijke hoogtes, bijvoorbeeld 16, 24 en 32 pixels. Controleer vervolgens of het hoofd, de ledematen en een kenmerkend voorwerp op de normale speelgrootte van het scherm herkenbaar blijven. Ook een figuur van 12 × 16 pixels kan als personage herkenbaar zijn; pixelartkunstenaar Kabaya noemt de oorspronkelijke NES-Mario van dat formaat als voorbeeld. De les is niet om die afmetingen over te nemen, maar om het kleinste raster te beoordelen aan de hand van de kenmerken die jouw ontwerp nodig heeft. Creative Bloq: vergeet nostalgie, moderne pixelart is meer dan retro gaming

Op kleinere canvassen zijn er minder pixels om een gezicht, kostuum of voorwerp vast te houden te beschrijven; grotere canvassen bieden meer ruimte, maar vragen ook om meer keuzes op pixelniveau. Kies op basis van de benodigde visuele informatie. Als gezichtsuitdrukkingen tijdens het spelen belangrijk zijn, test dan of ogen en mond te onderscheiden zijn. Als het personage als kleine figuur in een weidse scène verschijnt, zijn silhouet en kleurvlakken misschien belangrijker dan gezichtspixels.

Een praktische manier om te kiezen is om hetzelfde eenvoudige silhouet op twee of drie formaten te tekenen en daarna alleen essentiële herkenningspunten toe te voegen: de vorm van het hoofd, één kostuumdetail en, indien relevant, een wapen of gereedschap. Bekijk elke versie op de beoogde schermgrootte. Als bij de kleinste versie een belangrijk herkenningspunt verloren gaat en dat bij de volgende grootte weer duidelijk zichtbaar is, pleit dat voor het grotere raster. Deze vergelijking is een ontwerpcontrole, geen universele maatregel.

Test bij een personage dat gaat bewegen meer dan alleen de staande pose voordat je de afmetingen vastlegt. Maak ruwe silhouetten van het personage in staande, rennende en springende houding, allemaal binnen hetzelfde kader. Controleer of de voeten, het hoofd en de voorwerpen die het vasthoudt tijdens de beweging binnen de grenzen blijven. Een te krap kader kan een opgeheven arm of haar afsnijden; een buitensporig groot kader kan het lastiger maken om de plaatsing en verhoudingen te vergelijken.

Houd de canvasafmetingen en uitlijnregels consistent tussen de frames als een stabiele plaatsing belangrijk is. Bepaal waar het personage de grond raakt of welk draaipunt je gebruikt, en hanteer dat referentiepunt voor elke pose. Het canvas van het tekenprogramma en het zichtbare beschilderde gebied zijn twee verschillende dingen: Aseprite definieert het canvas als het zichtbare gebied van de sprite en biedt aparte opties om de canvasgrootte te wijzigen en de sprite-inhoud te herschalen. Aseprite: canvasgrootte, Aseprite: spritegrootte

Als de game tegels gebruikt, vergelijk dan de hoogte en breedte van het personage met een gewone tegel. Een speler in een zijaanzicht kan hoger zijn dan een grondtegel; een figuur van bovenaf moet misschien binnen het grondvlak van een tegel passen, terwijl die er visueel bovenuit steekt. De verhoudingen hangen af van het perspectief en het botsingssysteem van de game. Maak daarom eerst een snelle scèneopzet in plaats van ervan uit te gaan dat personages en tegels dezelfde afmetingen moeten hebben.

Bekijk de speler naast een gewone omgevingstegel, een deuropening en een ander personage of voorwerp, allemaal vanaf de beoogde camera-afstand. Als de speler te klein lijkt om te herkennen of te groot om door de scène te bewegen, pas dan eerst de zichtbare hoogte of de camerakadrering aan voordat je details toevoegt. Zorg voor een consistente pixeldichtheid tussen de assets. In Unity vereisen de configuratie-instructies voor de Pixel Perfect Camera dat sprites dezelfde Pixels Per Unit-waarde gebruiken en dat de Asset Pixels Per Unit van de camera hiermee overeenkomt. Unity: een pixel-perfectcamera toevoegen

Maak eerst een klein overzicht om formaten te vergelijken in plaats van het eerste personage meteen af te werken. Plaats drie mogelijke canvasformaten in een voorbeeld van het gamebeeld, teken in elk een vlakke silhouet en voeg dezelfde herkenningspunten toe. Bekijk het overzicht vervolgens op de daadwerkelijke speelgrootte van het scherm en vraag jezelf af: herken ik de pose? Past de figuur natuurlijk in de omgeving? Past de beweging binnen het kader? Blijven de beoogde uitdrukking of het voorwerp herkenbaar?

Noteer de gekozen canvasbreedte en -hoogte, de gewenste zichtbare hoogte, de basislijn of het draaipunt en eventuele toegestane uitzonderingen. Met deze korte referentie kun je latere personages makkelijker vergelijken en voorkom je dat elke nieuwe tekening een andere schaal krijgt. Dit betekent niet dat elk personage exact evenveel beschilderde ruimte moet innemen: een hoge hoed of het brede silhouet van een eindbaas kan meer ruimte op een gedeeld canvas innemen, zolang de onderliggende pixeldichtheid en uitlijnconventies van het project behouden blijven.

Door de zoom in de editor kan een kleine sprite gedetailleerd lijken, terwijl die tijdens het spelen moeilijk te herkennen is. Importeer de ruwe test in de game of een representatieve scène en bekijk die op de beoogde cameraschaal. In Unity bepaalt de referentieresolutie het ontworpen pixelbeeld, terwijl de Pixel Perfect Camera en bijpassende sprite-instellingen helpen om de pixelweergave bij verschillende schermformaten te behouden. Unity: referentie voor de Pixel Perfect Camera-component

Als het personage onduidelijk is, vraag je dan eerst af of dat komt door de pixelafmetingen, het silhouet, het contrast of de camera-afstand. Alleen het canvas vergroten lost een zwak silhouet niet per se op; het canvas verkleinen helpt niet als de speler te weinig van het scherm inneemt. Pas één variabele tegelijk aan en vergelijk die met de oorspronkelijke test. Zodra het personage duidelijk herkenbaar is en de animatie binnen het gekozen kader past, gebruik je dat canvas als standaard voor personages met dezelfde rol en cameraschaal.

• Canvas Size — Aseprite Docs

• Sprite Size — Aseprite Docs

• Een pixel-perfectcamera toevoegen — Unity-documentatie

• Referentie voor de Pixel Perfect Camera-component voor URP — Unity-handleiding

• Vergeet nostalgie, moderne pixelart is meer dan retro gaming — Creative Bloq