De meeste pixelartanimaties zien er het best uit bij 8 tot 12 frames per seconde. Dat klinkt misschien verrassend laag als je uit de film- of videowereld komt, waar 24 of 30 FPS standaard is — maar pixelart is een ander verhaal. Elk frame is met de hand getekend, elke pixel is bewust geplaatst en door de gestileerde uitstraling van pixelart vult je brein de beweging tussen frames gemakkelijker aan dan bij fotografische beelden.
Het praktische voordeel? Je hoeft geen honderden afbeeldingen te tekenen om vloeiende, bevredigende animaties te maken. Een loop van 6 frames bij 12 FPS duurt een halve seconde. Een ademende idle-animatie van 2 frames bij 8 FPS kost minder dan een minuut om te tekenen. Zodra je de relatie tussen framesnelheid, aantal frames en loopduur begrijpt, kun je elke pixelartanimatie plannen voordat je je tekentablet erbij pakt.
Deze gids behandelt de visuele verschillen tussen gangbare framesnelheden, geeft referentiecijfers voor elk type animatie en deelt een eenvoudige rekentruc om je projecten vol vertrouwen te plannen.
Wat framesnelheid betekent voor pixelart
Framesnelheid — gemeten in frames per seconde (FPS) — bepaalt hoeveel afzonderlijke beelden er elke seconde op het scherm verschijnen. In films legt 24 FPS bewegingen uit de echte wereld zo vloeiend vast dat je ogen de frames samenvoegen tot een doorlopende beweging. Bij pixelart leg je de werkelijkheid niet vast; je creëert er een gestileerde weergave van, één weloverwogen tekening per keer.
Omdat pixelart de wereld al abstraheert — een gezicht kan 16 pixels breed zijn en een personage 32 pixels hoog — verwacht je visuele systeem geen fotorealistische bewegingen. Het accepteert grotere sprongen tussen posities. Daarom zien 8 tot 12 FPS er natuurlijk uit voor pixelart: het 'stapelen' tussen frames wordt onderdeel van de stijl in plaats van een tekortkoming.
Er is sprake van een afweging. Een hogere FPS betekent vloeiendere bewegingen, maar ook meer frames om te tekenen. Omdat elk pixelartframe met de hand wordt gemaakt (niet door een camera wordt gegenereerd), bepaalt je framesnelheid rechtstreeks hoeveel werk je hebt. De juiste FPS kiezen betekent de balans vinden waarbij je animatie er goed uitziet en je haar ook daadwerkelijk kunt afmaken.
Hoe elke framesnelheid eruitziet
De eenvoudigste manier om een framesnelheid te kiezen, is begrijpen hoe elke gangbare snelheid er in de praktijk uitziet. Hier volgt een vergelijking van de vier snelheden die je het vaakst tegenkomt in pixelart:
| FPS | Visuele indruk | Ideaal voor | Frames per seconde |
|---|---|---|---|
| 4 FPS | Retroflikkering, hoekige charme — elk frame is duidelijk zichtbaar | Knipperende effecten, retro Game Boy-esthetiek, eenvoudige ademhalingslussen | 4 |
| 8 FPS | Minimaal vloeiend — de beweging is duidelijk zichtbaar met een lichte stapsgewijze overgang | Loopcycli, eenvoudige personagebewegingen, inactieve animaties | 8 |
| 12 FPS | Vloeiend en natuurlijk — de ideale middenweg voor de meeste pixelart | De meeste animaties: lopen, rennen, aanvallen, gezichtsuitdrukkingen, effecten | 12 |
| 24 FPS | Overdreven — vloeiender dan pixelart doorgaans nodig heeft | Alleen speciale effecten: opspattend water, wapperend haar, explosies | 24 |
4 FPS is de bewust retrogerichte keuze. Denk aan vroege Game Boy- of Pico-8-games waarin elk frame zichtbaar flikkert. Het werkt uitstekend voor eenvoudige herhalende effecten — een personage dat knippert, een kaarsvlam die heen en weer beweegt — waarbij de hoekigheid deel uitmaakt van de charme. Met 4 FPS teken je slechts 4 afbeeldingen per seconde animatie, waardoor dit de snelst te produceren optie is.
8 FPS is de minimale snelheid waarbij beweging als "vloeiend" begint aan te voelen. Een loopcyclus met 8 FPS ziet er natuurlijk genoeg uit voor de meeste pixelartgames en -displays. Tussen de frames is een lichte stapsgewijze beweging zichtbaar, maar die voelt opzettelijk in plaats van gebrekkig. Veel geliefde SNES- en GBA-games animeerden hun personages ongeveer met deze snelheid.
12 FPS is de algemeen geaccepteerde standaard. Weet je niet zeker wat je moet kiezen, begin dan hier. Met 12 frames per seconde voelen pixelartanimaties vloeiend aan zonder dat er een onredelijk groot aantal tekeningen nodig is. De meeste tutorials over pixelart, spritesheets voor games en animatiegemeenschappen beschouwen 12 FPS als het standaardstartpunt.
24 FPS is voor pixelart vrijwel nooit nodig. Door het gestileerde karakter van pixelart is de visuele verbetering van 12 naar 24 FPS minimaal, terwijl de werklast verdubbelt. De uitzondering zijn snel bewegende speciale effecten — opspattend water, wapperend haar, rondvliegende deeltjes — waarbij de extra frames een gevoel van organische, onvoorspelbare beweging creëren.
Als je deze verschillen in framesnelheid in actie wilt zien, legt deze tutorial de basisprincipes van timing in pixelartanimatie uit — inclusief waarom minder vaak meer is als het om het aantal frames gaat.
Hoeveel frames je echt nodig hebt
De framesnelheid bepaalt hoe snel je animatie afspeelt. Het aantal frames bepaalt hoeveel werk je moet doen. Het goede nieuws: voor de meeste animaties in pixelart zijn veel minder frames nodig dan beginners denken.
Het aantal frames hangt af van het type animatie dat je maakt. Voor een subtiele idlehouding zijn slechts 2 of 3 tekeningen nodig. Een volledige loopcyclus kan 6 tot 8 tekeningen vereisen. Hier is een referentietabel die je telkens kunt gebruiken wanneer je aan een nieuw animatieproject begint:
| Type animatie | Benodigde frames | Loopen bij 12 FPS | Wat er gebeurt |
|---|---|---|---|
| Idle / ademhaling | 2–4 | 0,17–0,33 sec. | Subtiele borstkasbeweging, knipperen, gewichtsverplaatsing |
| Loopcyclus | 4–8 | 0,33–0,67 sec. | Contact, passeren, omhoog, hoog — herhaal voor beide benen |
| Renloopcyclus | 6–8 | 0,5–0,67 sec. | Snellere pas met voorovergebogen houding, beide voeten van de grond |
| Aanval / actie | 6–12 | 0,5–1,0 sec. | Anticipatie, aanval, herstel — drie fasen |
| Verandering van uitdrukking | 2–3 | 0,17–0,25 sec. | Knipperen, glimlachen, verrassing — snelle gezichtsuitdrukkingen |
| Loopend effect | 3–6 | 0,25–0,5 sec. | Vuur, water, wolken — eenvoudige zich herhalende patronen |
Laat dat even bezinken. Een loopcyclus — een van de meest fundamentele animaties in de gereedschapskist van elke pixelartiest — heeft slechts 4 tot 8 afzonderlijke tekeningen nodig. Bij 8 FPS is dat een loop van een halve seconde. Bij 12 FPS gaat het nog sneller. De klassieke loopcyclus van 4 frames (contact → omlaag → passeren → omhoog, gespiegeld voor beide benen) geeft gamepersonages al sinds het NES-tijdperk hun beweging en werkt vandaag nog steeds.
Een idle-animatie is nog eenvoudiger: slechts 2 frames. Frame 1 toont de normale houding van je personage. In frame 2 beweegt het personage één of twee pixels omlaag om ademhaling te suggereren. Laat de animatie loopen bij 8 FPS en je hebt een personage dat er levend uitziet — getekend in ongeveer 30 seconden.
Aanvalsanimaties hebben meer frames nodig omdat ze drie duidelijk te onderscheiden fasen hebben: anticipatie (het terugtrekken), de aanval zelf en het herstel (terugkeren naar de neutrale houding). Zes frames volstaan voor een eenvoudige zwaardslag; met twaalf frames heb je ruimte voor een dramatischere actie met meer gewicht.
De truc voor de looplengte
Hier is een formule waarmee je niet meer hoeft te raden hoeveel frames je moet tekenen:
Loopduur (seconden) = aantal frames ÷ FPS
Je kunt de berekening ook omkeren wanneer je weet welke timing je wilt:
Benodigde frames = gewenst aantal seconden × FPS
Een paar praktische voorbeelden om dit concreet te maken:
- "Ik wil een loopcyclus van een halve seconde bij 12 FPS" → 0,5 × 12 = 6 frames. Teken 6 afbeeldingen.
- "Ik wil snel knipperen bij 8 FPS" → 0,25 × 8 = 2 frames. Ogen open, ogen dicht. Klaar.
- "Ik wil een aanvalsanimatie van 1 seconde bij 12 FPS" → 1 × 12 = 12 frames. Drie fasen, elk 4 frames.
- "Ik wil een vuurloop van 0,5 seconde bij 4 FPS" → 0,5 × 4 = 2 frames. Minimaal, flikkerend, perfect.
Begin met de timing die je wilt en werk vervolgens terug naar het aantal frames. Zo voorkom je de meest voorkomende beginnersfout: te veel frames tekenen omdat je vooraf niet hebt nagedacht over de lengte van de loop.
Wanneer je de regels moet doorbreken
De richtlijn van 8–12 FPS is een uitgangspunt, geen wet. Soms is de beste creatieve keuze juist om van de standaard af te wijken.
Verlaag naar 2–3 FPS wanneer je bewust een ruwe, retro-uitstraling wilt. Vroege Game Boy-games, Pico-8-titels en "vervloekte" pixelart gebruiken vaak extreem lage beeldsnelheden als stilistische keuze. De zichtbare hapering wordt onderdeel van de sfeer.
Ga naar 15–24 FPS voor snel bewegende speciale effecten waarbij vloeiende beweging belangrijker is dan efficiënt tekenen. Waterspatten, explosies, vonken en wapperend haar hebben allemaal baat bij extra frames, omdat de beweging onvoorspelbaar en organisch is.
Gebruik variabele timing als je animatietool dit ondersteunt. Veel pixelartanimators houden sleutelposes 3–4 frames vast (waardoor ze zwaar en krachtig aanvoelen), terwijl ze overgangsframes slechts 1–2 frames tonen (waardoor de beweging vlot en direct aanvoelt). Deze techniek — in traditionele animatie "animeren op enen en tweeën" genoemd — geeft je expressieve controle zonder dat je uniforme beeldsnelheden nodig hebt.
Bekijk je animatie op een echt pixelraster
Er is een verschil tussen het bekijken van je animatie op een vloeiende computermonitor en het zien ervan op een echt pixeldisplay. Op een monitor kunnen de hoge resolutie en anti-aliasing van je scherm timingproblemen verbergen. Op een speciaal pixelraster wordt elk frame precies weergegeven zoals je het hebt getekend — elke stip haarscherp, elke overgang zichtbaar.
Een display zoals de Divoom Pixoo-64 biedt een canvas van 64×64 pixels waarop je aangepaste animaties kunt laden en op de werkelijke snelheid kunt afspelen. Door je loopcyclus op een fysiek pixeldisplay te testen, merk je of 8 FPS vloeiend genoeg is of dat 12 FPS de extra frames waard is. Het verschil is dat je niet alleen op papier ontwerpt, maar je werk daadwerkelijk verlicht op je bureau ziet.
Voor meer informatie over hoe Divoom-apparaten omgaan met animatie- en weergave-instellingen, bevat de producthandleiding uitleg over app-bediening en opties voor het afspelen van frames.
Veelgestelde vragen
Wat is de beste beeldsnelheid voor pixelart?
De meeste pixelartanimaties zien er het best uit bij 8 tot 12 FPS. 12 FPS is de gangbare standaard — vloeiend genoeg voor de meeste doeleinden zonder een onredelijk aantal tekeningen te vereisen. Begin met 12 FPS en pas dit van daaruit aan op basis van de specifieke behoeften van je animatie.
Hoeveel frames heb ik nodig voor een loopcyclus?
Een loopcyclus heeft doorgaans 4 tot 8 frames nodig. Bij 12 FPS duurt een loopcyclus van 6 frames een halve seconde. De klassieke loopcyclus van 4 frames (contact, omlaag, passeren, omhoog — gespiegeld voor beide benen) wordt al sinds het NES-tijdperk gebruikt en werkt vandaag de dag nog steeds perfect.
Is 24 FPS ooit nodig voor pixelart?
Bijna nooit. Door het gestileerde karakter van pixelart is de visuele verbetering van 12 naar 24 FPS marginaal, terwijl de werklast verdubbelt. De enige uitzondering zijn snel bewegende speciale effecten, zoals waterspatten, explosies of wapperend haar, waarbij extra frames een organische, onvoorspelbare beweging creëren.
Hoe bereken ik hoeveel frames ik nodig heb?
Gebruik de formule: benodigde frames = gewenste seconden × FPS. Voorbeeld: een animatie van 1 seconde bij 12 FPS vereist 12 frames. Een loop van een halve seconde bij 8 FPS vereist 4 frames. Begin met de gewenste timing en werk vervolgens terug naar het aantal frames.
Begin met je eerste animatie
Als je pixelartanimatie hebt uitgesteld omdat het te veel werk leek, is dit je startpunt: open een willekeurige pixelarteditor, stel het project in op 12 FPS en teken een idle-animatie van 2 frames. In frame 1 staat je personage stil. In frame 2 is hetzelfde personage één pixel omlaag verschoven — net genoeg om ademhaling te suggereren. Druk op afspelen.
Je hebt zojuist een pixelartanimatie gemaakt. Twee frames. Minder dan een minuut werk.
Probeer vanaf daar een loopcyclus van 4 frames. Daarna een aanval van 6 frames. De getallen in dit artikel zijn je richtlijn — vertrouw erop en maak je niet langer druk over de vraag of je wel het ‘juiste’ aantal tekent. Begin klein, bouw vertrouwen op en laat elk project je leren hoe het volgende aantal frames moet aanvoelen.
Bekijk meer handleidingen voor het maken van pixelart en pixelart-opstellingen op de pagina Divoom-pixeldisplays, of schaf een Pixoo-64 aan en begin vanavond nog je animaties weer te geven.
Bekijk hoe we producten testen en beoordelen voor meer informatie over ons redactionele proces.
