| Obsah |
|
| Držanie tlačidla | Citlivý rozloženia |
Vytvorenie hra slučky
Pri vytváraní hier, obrázkov alebo prízraky, sú pridané do videa predstavujú prvky hry ako postavy, vozidlá alebo explózie. Postavenie sprite je upravená veľa krát za sekundu z vnútri slučky v závislosti na niektoré herné logiku. Každý film má vstavaný hra slučky, tzv 'Na aktualizáciu'. To sa nazýva zakaždým, keď aktualizácie animácie, a to možno nájsť vo vlastnostiach film.
Vytvoriť nový film a pridať obrázok, tiež volal sprite. Sme použili míč.
 | Importovať |
Kliknite a uložte obrázok do vášho počítača.
BeachBall.png
vo vlastnostiach na prvú snímku nafukovacia lopta, vypnúť časovej osi a nastaviť jeho 'Skript ID' na Ball. Vypnutie časovej osi umožňuje loptu kontrolované pomocou JavaScriptu.
Budeme robiť nafukovacia lopta odraziť okolo filmu. Takže musíme vytvoriť niektoré rýchlosť premenné v 'Všeobecná' skript udalosti. Žiadne počiatočné hodnoty bude robiť.
V 'Na aktualizáciu' udalosť, môžeme pohybovať pridaním hodnoty rýchlosti lopty X a Y hodnoty loptu.
Ball.Y+=VelocityY;
Stlačte tlačidlo play na test filmu. Lopta by mal letieť priamo z filmu.
 | Play |
X a Y vlastnosti lopty sú jej stred. Kontrolu týchto hodnôt proti šírky a výšky filmu, môžeme skontrolovať vidieť, ak by mal odraziť loptu. Odraziť loptu, jednoducho Reverzný rýchlosť.
Ball.Y+=VelocityY;
var MovieWidth=600,MovieHeight=400,BallRadius=50;
if(Ball.X>MovieWidth-BallRadius){VelocityX=-VelocityX;}
if(Ball.X<BallRadius){VelocityX=-VelocityX;}
if(Ball.Y>MovieHeight-BallRadius){VelocityY=-VelocityY;}
if(Ball.Y<BallRadius){VelocityY=-VelocityY;}
Stlačte tlačidlo play znova vykonáte test filmu. Lopta by mala teraz odskočenie.
Export filmu na HTML a oznámenie, že lopta sa pohybuje rýchlosťou trochu iný hráč. To je, pretože rôzne internetové prehliadače a rôzne zariadenia prevádzkovať v rôznych rýchlostiach.
Aby sa lopta pohybovať rovnakou rýchlosťou všade, musíme vypočítať ako rozdiel v čase medzi aktualizáciami. 'Na aktualizáciu' Akcia zahŕňa dva užitočné premenná, ktorá práve to. TimeChange: Počet snímok, ktoré uplynuli od poslednej aktualizácie. SecondsChange: Počet sekúnd, ktoré uplynuli od poslednej aktualizácie. Tieto hodnoty sú nezávislé či film bol zastavený alebo nie. Oni sú proste spôsob výpočtu času od poslednej aktualizácie. Urobiť animáciu vždy beh rovnakou rýchlosťou, každú zmenu v pozícii, uhol alebo priesvitnosti treba vynásobiť zmena čas alebo sekundy.
Ball.Y+=VelocityY*TimeChange;
var MovieWidth=600,MovieHeight=400,BallRadius=50;
if(Ball.X>MovieWidth-BallRadius){VelocityX=-VelocityX;}
if(Ball.X<BallRadius){VelocityX=-VelocityX;}
if(Ball.Y>MovieHeight-BallRadius){VelocityY=-VelocityY;}
if(Ball.Y<BallRadius){VelocityY=-VelocityY;}
Otestujte video prehrávač a HTML. Guľa by sa mal pohybovať rovnakou rýchlosťou v oboch.
| Držanie tlačidla | Citlivý rozloženia |