Zawartość

Przytrzymanie przycisków Elastyczne układy

Tworzenie pętli gry

Podczas tworzenia gry, zdjęć lub sprites, są dodawane do filmu przedstawiają elementy gry, takie jak znaki, pojazdów lub eksplozji. Położenia ikonki reguluje wiele razy drugi od wewnątrz pętli, w zależności od niektórych gra logiczna. Każdy film ma wbudowany w pętli gry, o nazwie 'Na aktualizację'. To się nazywa, za każdym razem, aktualizacje aniamtion i to można znaleźć we właściwościach filmu.


Tworzenie pętli gry 1

Tworzenie nowego filmu i dodać obraz, zwany także sprite. Użyliśmy piłki plażowej.


Import Import

Kliknij, aby zapisać ten obraz na komputerze.


BeachBall.png
Tworzenie pętli gry BeachBall

Tworzenie pętli gry 2

w właściwości pierwszej klatce piłka plażowa, wyłączyć osi czasu i ustawić jego 'Identyfikator skryptu' do Ball. Wyłączenie osi pozwala piłkę, aby być sterowany za pomocą Javascript.


Tworzenie pętli gry 3

Mamy zamiar zrobić piłka plażowa podskakiwało filmu. Więc musimy stworzyć kilka zmiennych prędkości w 'Ogólne' wydarzenie skrypt. Wartości początkowej zrobi.



var VelocityX=10,VelocityY=7;

W 'Na aktualizację' imprezy, możemy przejść przez dodanie wartości prędkości do piłki X i Y wartości piłkę.



Ball.X+=VelocityX;
Ball.Y
+=VelocityY;

Naciśnij aby przetestować film. Piłka powinna lecieć prosto film.


Play Play

Tworzenie pętli gry 6

X i Y właściwości piłki są jego punkt centralny. Sprawdzając te wartości szerokość i wysokość filmu, możemy sprawdzić aby zobaczyć, jeśli należy odbić piłkę. Aby odbić piłkę, po prostu odwrócenie prędkości.



Ball.X+=VelocityX;
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;}

Naciśnij przycisk odtwarzania, aby ponownie przetestować film. Piłka powinna teraz podskakiwało.


Tworzenie pętli gry 8

Eksport filmu do formatu HTML i zwróć uwagę, że piłka przechodzi z nieco inną prędkością gracza. To jest ponieważ różnych przeglądarek i różnych urządzeń uruchomić przy różnych prędkościach.


Tworzenie pętli gry 9

Aby piłka wyszła z tą samą szybkością wszędzie, musimy obliczyć różnicę w czasie między aktualizacjami. 'Na aktualizację' Zdarzenie zawiera dwa przydatne zmiennej, która nie tylko to. TimeChange: Liczba ramek, które minęły od ostatniej aktualizacji. SecondsChange: Liczba sekund, które minęły od ostatniej aktualizacji. Wartości te są niezależne od czy film został zatrzymany lub nie. One są po prostu sposobem obliczenia czasu od ostatniej aktualizacji. Do animacji są zawsze uruchamiane przy tej samej prędkości, każda zmiana pozycji, kąt lub krycie musi być pomnożona przez zmianę czasu lub sekund.



Ball.X+=VelocityX*TimeChange;
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;}

Przetestować film w ten gracz i HTML. Piłkę należy przenieść w dokładnie tej samej prędkości w obu.


Przytrzymanie przycisków Elastyczne układy
Dokumentacja ta została przetłumaczona z języka angielskiego, przy użyciu Tłumacz online. Przepraszamy, jeśli znajdziesz jakieś błędy. Jeśli chcesz pomóc nam zrobić korekty. Ma tłumaczenia edytora w Hippani Animator (w menu Pomoc). Dajemy się wolny licencja klucze do nikogo, kto naprawia ponad 100 fraz. Proszę skontaktuj się z nami aby uzyskać więcej informacji.