Część 2

Część 2

Część 2

Po obejrzeniu filmu
Plik z filmu z opisem niżej

Na końcu filmu (drugiej części) powiedziałem, że można ograniczyć przesuwanie się przycisków za pomocą instrukcji warunkowej if. Pracując dalej na tym samym pliku, rząd przycisków należy przesunąć w dół tak aby pierwszy przycisk (ten na samej górze) pokrywał się z górną częścią maski. Tak jak na zdjęciu.

Teraz dokładnie znamy pozycję naszych przycisków na osi y, do której ma być przesuwany rząd przycisków. W moim przypadku wartość na osi y wynosi 374 (u Ciebie pewnie będzie inna). To samo musimy zrobić dla dołu. Czyli przeciągamy wszystkie przyciski tak, aby ostatni przycisk pokrywał się z dolną częścią maski. I ponownie odczytujemy wartość na osi y. W moim przypadku jest to -74 (u Ciebie pewnie będzie to inna wartość). Teraz możesz z powrotem przesunąć przyciski do stanu początkowego.

Znając maksymalne położenie przycisków u góry jak i na dole, możemy przystąpić do pisania instrukcji warunkowej. Instrukcję tą należy umieścić wewnątrz funkcji o nazwie przesuń (pracując nad plikiem z filmu). Wewnątrz pierwszego warunku będziemy sprawdzać czy rząd przycisków przekroczył górną wartość czyli w moim przypadku 374 pikseli na osi y. Jeżeli tak się stanie to przypisujemy położenie na osi y wartość 374 dla naszych przycisków. Powinno to wyglądać tak:

function przesun(zdarzenie:Event): void {
ikony_mc.y = ikony_mc.y + (0.7 * maska_mc.height - mouseY) / 15;
if(ikony_mc.y >= 374){ //wprowadz swoje wartości
ikony_mc.y = 374;
}
}

Teraz nasze przyciski zatrzymają się kiedy górny przycisk będzie pokrywał się z górną częścią maski. Ten sam zabieg musimy powtórzyć dla dołu. Dopiszmy kolejną instrukcję warunkową else if, która sprawdzi czy ostatni przycisk pokrywa się z dolną częścią maski. U mnie ta wartość wynosi -74. A kod wygląda tak:

function przesun(zdarzenie:Event): void {
ikony_mc.y = ikony_mc.y + (0.7 * maska_mc.height - mouseY) / 15;
if(ikony_mc.y >= 374){ //wprowadz swoje wartości
ikony_mc.y = 374;
}else if(ikony_mc.y <= -74){
ikony_mc.y = -74;
}
}

Teraz mamy pewność, że nasze przyciski nie wysuną się za mocna w dół lub do góry.

UWAGA

Jeżeli u Ciebie kod nie działa prawidłowo być może musisz zamienić operatory porównania.

Poziome przewijane menu

Jeżeli chcemy wykonać takie same menu tylko przesuwane prawo-lewo to oczywiście musimy poustawiać przyciski jeden za drugim. Natomiast w kodzie położenie na osi y zmieniamy na x czyli tak:

ikony_mc.x = ikony_mc.x + (0.7 * maska_mc.width - mouseX) / 15;

Należy również zmienić wysokość maski na szerokość height na width jak i również aktualne położenie kursora myszki w animacji z mouseY na mouseX

Szybkość przesuwania menu

Nasza funkcja przesuwająca przyciski działa na zdarzenie ENTER_FRAME, czyli z szybkością klatek na sekundę. Aby zmienić szybkość przesuwania się menu możemy zmienić ilość klatek na sekundę animacji. Jednak czasem dana prędkość odtwarzania klatek na sekundę pasuje do innej animacji. Szybkość przesuwania się menu możemy zmienić w kodzie. Manipulując ostatnią wartością na przykład z 15 na 20 nasze menu będzie przesuwać się wolniej.

Część 2

Część 3

Część 4

Część 5

Część 6

Część 7

Część 8

Część 9

Na forum powstało kilka ciekawych tematów na temat rotatora banerów. Zapraszam wszystkich do udziału w dyskusji.

Zatrzymanie prezentacji po umieszczeniu kursora w animacji. Ponowne odgrywanie zacznie się, kiedy kursor opuści animację.

Ręczne przemieszczanie się z pierwszego do ostatniego banera jak i z ostatniego do pierwszego, czyli nieskończone przewijanie.

Dodatkowy opis do zdjęcia (tytuł)

To tylko najciekawsze tematy o rotatorze banerów.

Część 2

Część 1

Część 2

Część 3

Część 4

Część 5