Indhold

 Holde knapper

Responsive Layouts 

At skabe en spil-loop

Når du opretter spil, føjes billeder eller sprites til filmen til at repræsentere elementer i spil så som skikkelser, køretøjer eller eksplosioner. Spritens position bliver justeret mange gange i løbet af sekundet indefra en loop afhængigt af noget spil logik. Hver film har en indbygget i spil-loop, kaldet 'Ved opdatering'. Den fremkaldes, hver gang animationen opdateres, og den kan findes i filmegenskaberne.

Opret en ny film og tilføj et billede, også kaldet en sprite. Vi har brugt en badebold.

Importer

Højreklik på dette billede, for at gemme det på din computer.

BeachBall.png

i egenskaberne for badeboldens første ramme: slå tidslinjen fra og sæt dens 'Script-ID' til Ball. At slå tidslinjen fra giver bolden mulighed for at blive styret af Javascript.

Vi vil lade badebolden hoppe omkring i filmen. Så vi skal skabe nogle hastigheds variabler i 'Generel' script-begivenheden. Hvilke som helst startværdier vil være ok.

I 'Ved opdatering' begivenheden, kan vi flytte bolden ved at tilføje hastighedsværdierne til boldens X og Y værdier.

Tryk på play for at teste filmen. Bolden skal flyve direkte fra filmen.

Play

Boldens X og Y egenskaber dens midtpunkt. Ved at kontrollere disse værdier mod bredde og højde af filmen, kan vi kontrollere for at se, om bolden hopper. Sæt hastigheden modsat for at få bolden til at hoppe.

Tryk på play for at teste filmen igen. Bolden skal nu hoppe rundt.

Eksporter filmen til HTML og bemærk, at bolden bevæger sig med en lidt anden hastighed til spilleren. Dette skyldes, at forskellige web-browsere og forskellige enheder kører med forskellige hastigheder.

For at få bolden til at bevæge sig med samme hastighed overalt, har vi brug for at beregne forskellen mellem opdateringer i tid. 'Ved opdatering' begivenheden omfatter to nyttige variabeler, som gør netop dette. TimeChange: Antallet af rammer, som har passeret siden den sidste opdatering. SecondsChange: Antallet af sekunder, der er gået siden den sidste opdatering. Disse værdier er uafhængige af om filmen er stoppet. De er blot en måde at beregne tid, siden den sidste opdatering. For at få animation til altid at køre med samme hastighed, skal hver enkelt ændring i position, vinkel eller opacitet ganges med ændringen i tid eller sekunder.

Test filmen i afspilleren og HTML. Bolden burde flytte sig med præcis samme hastighed i begge.

 Holde knapper

Responsive Layouts 