webmaster webmastering webdesign

Jesteś tutaj: webmade.org >> porady >> flash >> podstawy

Panel sterowania filmem

autor: Piotr 'zakaru' Szarmach, ostatnia modyfikacja: 2007-02-15

szukaj: sterowanie filmem sterowanie filmem flash flash

W tym tutorial-u nauczysz się tworzyć panel sterowania, który będzie sterował twoim filmem. W skład takiego panelu wejdzie pięć przycisków zd.1.

sterowanie filmem - zd.1

Chyba nie muszę opisywać przeznaczenia przycisków umieszczonych w panelu sterowania... . Zaimportuj teraz jakikolwiek film do flash-a. Teraz stwórz nową warstwę, nazwij ją "film" i umieść w niej przed chwilą zaimportowany film, a warstwę gdzie znajdują się przyciski nazwij "panel". Przeciągnij teraz film do warstwy "film", następnie powiększamy ilość klatek naszego filmu (klawiszem 'f5') tak aby był cały wyświetlony film na linii czasu. Również klatki w warstwie "panel" kopiujemy tak aby ich ilość była równa ilości klatek w warstwie "film". Teraz ustawiamy film tak jak na zd.2.

sterowanie filmem - zd.2

Stwórz nową warstwe i nazwij ją "akcje", następnie wstaw do niej akcje:

stop ();

Zaznacz teraz pierwszy po lewej przycisk i wstaw do niego akcje:

on (release) {
play ();
}

Powyższa akcja powoduje, iż po naciśnięciu przycisku animacja jest odtwarzana. Zaznacz teraz drugi od lewej przycisk i wstaw do niego akcje:

on (release) {
stop ();
}

Ta akcja z kolei powoduje, że po naciśnięciu przycisku animacja jest zatrzymywana. Teraz zaznacz trzeci od lewej przycisk i dodaj do niego poniższą akcje:

on (release) {
gotoAndStop(1)
}

Powyższa akcja powoduje iż po naciśnięciu przycisku animacja przechodzi do klatki pierwszej i zatrzymuje odtwarzanie animacji. Teraz zaznacz czwarty od lewej przycisk i wstaw do niego akcje:

on (press) {
nextFrame();
nextFrame();
nextFrame();
nextFrame();
nextFrame();
play();
}

Powyższa akcja przewija odtwarzanie animacji o 5 klatek do przodu (ponieważ jest 5 razy użyta akcja 'nextFrame();'), a następnie odtwarza animacje. Teraz zaznacz już ostatni przycisk i wstaw do niego akcje:

on (press) {
prevFrame();
prevFrame();
prevFrame();
prevFrame();
prevFrame();
play();
}

Powyższa akcja powoduje przewijanie animacji o 5 klatek do tyłu, a następnie odtwarza animacje.

Piotr 'zakaru' Szarmach

Osoby czytające tę publikację przeglądały również:

Chcesz zostać programistą?

Poznaj 6 kroków do efektywnej
nauki programowania!

 

valid XHTML
valid CSS
© 2004-2008 copyright by webmade.org