Animatie en beeldtiming

Programmeergidsen

Een beeld, of frame, is één plaatje van een animatie. FPS betekent beelden per seconde. Een positie veranderen is de toestand bijwerken; de nieuwe positie tekenen heet renderen. Dat kan op verschillende snelheden gebeuren. Beelden en timing legt de eenheden uit en waarom wachten geen exacte beeldsnelheid garandeert.

Animatie gebruikt gewone lijsten, lussen, sprites en wachttijden. Er is geen verborgen animatietaal. Dit voorbeeld vereist een project met de genoemde media:

# taal: nl
laat loopbeelden = [
    ["assets/held-1.png", 0.10],
    ["assets/held-2.png", 0.14],
    ["assets/held-3.png", 0.10],
]

voor beeld in loopbeelden:
    toonSprite("held", beeld[0], 100, 220, 48, 64)
    wacht(beeld[1])

verbergSprite("held")

Beweging en animatiepose hoeven niet hetzelfde tempo te hebben. Houd de positie bijvoorbeeld 25–60 keer per seconde bij terwijl een loopbeeld 0,10–0,20 seconde blijft staan. Gebruik aparte tijdsberekeningen voor beweging en pose.

# taal: nl
laat x = 300
laat y = 160
laat snelheid = 4

zolang waar:
    als toetsIngedrukt("left"):
        zet x = x - snelheid
    als toetsIngedrukt("right"):
        zet x = x + snelheid
    als toetsIngedrukt("up"):
        zet y = y - snelheid
    als toetsIngedrukt("down"):
        zet y = y + snelheid
    als toetsIngedrukt("space"):
        sluitApp()

    wisScherm("#0f172a")
    cirkel(x, y, 18, "#22d3ee")
    tekenTekst(320, 20, "Pijlen bewegen · Spatie sluit af", 20, "wit", "sans", "center")
    wacht(0.04)

Animatiestudio

De visuele Animatiestudio vereist Creator Pro of het technische proefrecht. Animatie via code en de pixel-/sprite-editor blijven gratis. Een tijdlijn toepassen maakt gewone Core-code die Learner kan blijven uitvoeren.

Open Media en kies Animatiestudio. Selecteer of sleep projectafbeeldingen naar de tijdlijn. Je kunt frames verplaatsen, dupliceren, omkeren en verwijderen. Ongedaan maken/Opnieuw bewaart maximaal 64 tijdlijnbewerkingen.

Een animatie bevat maximaal 256 frames met elk 0,04–2 seconden wachttijd. Pas één frame aan, gebruik dezelfde tijd voor alle frames of stel 0,5–25 FPS in. FPS instellen wijzigt ieder frame naar 1 / FPS seconden. Met afspelen, frameknoppen, de schuifbalk en zoom controleer je de animatie.

Herhalen in het voorbeeldvenster voegt geen lus aan je programma toe. Animatiecode invoegen maakt gewone gelokaliseerde lijsten, sprite-aanroepen en een lus met wachttijden. Die code kun je in Tekst en Blokken bewerken. Sla het project op na het invoegen. Ondersteunde letterlijke frame-/tijdlijsten kun je opnieuw openen als herbruikbare tijdlijnen in de studio; een niet-toegepast studioconcept blijft tijdelijk.

Animatiestudio
Animatiestudio

Gerelateerde lemma’s

Syntaxis en waarden · Ingebouwde functies · Programmeergidsen