Animowana galeria zdjęć w poziomie w ActionScript 3.0
Skrypt tworzy galerię obrazków, animowaną po najechaniu kursora myszki. W zależności od położenia myszki względem osi X galeria jest przesuwana proporcjonalnie od wychyleń wobec boków filmu.
Wersja On-line:
Aby skrypt zadziałał potrzebujemy mieć na scenie jeden klip filmowy o nazwie pojemnik_mc oraz wiedzieć że jego lewa strona jest w całości widoczna jest w punkcie 80 oraz prawa strona w -179, piksele są zależne od naszej galeri.
Ten przykład wykorzystuje biblioteke Tween Lite Basic, którą można pobrać tutaj: [ pobierz ]
Listing
import gs.*;
import gs.easing.*;
var punktX:Number;
var punktY:Number;
addEventListener(Event.ENTER_FRAME, aktualizacja);
function aktualizacja (e:Event):void {
//pobieranie współrzędnych myszki
punktX = Math.round((mouseX/400)*100);
punktY = Math.round((mouseY/100)*100);
//wyświetlanie położenia myszki w procentach
x_txt.text = "X: "+String(punktX)+"%";
y_txt.text = "Y: "+String(punktY)+"%";
if (punktX < 50) {
//animacja poruszania w lewo
TweenLite.to(pojemnik_mc, punktX-2, {
x:80,
ease:Expo.easeOut
});
}
else if (punktX > 50) {
//animacja poruszania w prawo
TweenLite.to(pojemnik_mc, 102-punktX, {
x:-179,
ease:Expo.easeOut
});
}
}
import gs.easing.*;
var punktX:Number;
var punktY:Number;
addEventListener(Event.ENTER_FRAME, aktualizacja);
function aktualizacja (e:Event):void {
//pobieranie współrzędnych myszki
punktX = Math.round((mouseX/400)*100);
punktY = Math.round((mouseY/100)*100);
//wyświetlanie położenia myszki w procentach
x_txt.text = "X: "+String(punktX)+"%";
y_txt.text = "Y: "+String(punktY)+"%";
if (punktX < 50) {
//animacja poruszania w lewo
TweenLite.to(pojemnik_mc, punktX-2, {
x:80,
ease:Expo.easeOut
});
}
else if (punktX > 50) {
//animacja poruszania w prawo
TweenLite.to(pojemnik_mc, 102-punktX, {
x:-179,
ease:Expo.easeOut
});
}
}
Dodano przez: divix
Ranga: Administrator serwisu Punktów: 0
Ranga: Administrator serwisu Punktów: 0
Komentarze użytkowników
:: Losowe artykuły
:: Wymiana linków
Modowe inspiracje |
Android Gry i Aplikacje |
ZaplanujTransport.pl: Przeprowadzki, transport, aukcje |
Logo dla firmy |
Change Tires - Car Weather Forecast Reminder |
Laminas: MVC Framework for PHP |
IT Books Reviews and Programming: JS, JAVA, PHP, ANDROID, CSS |
Katalog roślin |
Programming articles: JAVA, PHP, C++, Python, JavaScript |
Kancelaria Adwokacka Łukasz Huszno