Loading:

Staw czoła programistycznym wyzwaniom w Nowym Roku [Do -55%]

Ostatnio dodane

php Upload dodaw PHP Tworzenia mi Logowanie obiekt Prosty system sz Lista plików z Jak zbudować pr Jak zamienić w IP uzytkownika Obiekt Timer [AS Proste skrypty w

Top 10

1.mkdir 2.assert() 3.ftp_cdup 4.zip_read() 5.date_sub() 6.eval 7.scandir() 8.gzeof() 9.dirname() 10.next()

56853.05

Animowana oraz powiększana galeria zdjęć w ActionScript 3.0

Skrypt tworzy galerię obrazków, animowaną po naciśnięciu przycisku od 1 do 6, dla każdego obrazka. Galeria jest w pełni obrotowa wobec ułożenia pozycji myszki.

Wersja On-line:

Aby skrypt zadziałał potrzebujemy 6 klipów filmowych o nazwach foto1_mc .... foto6_mc, które znajdują się w klipie o nazwie pojemnik_mc. Każdy z klipów osobnego zdjęcia powinien posiadać klip filmowy o nazwie powiększ_mc.

Kod dla pliku FotoPanel.AS jest ukazany na dole, należy zaimportować ten plik do pliku FLA.

Ten przykład wykorzystuje biblioteke Tween Lite Basic, którą można pobrać tutaj: [ pobierz ]

Listing

package
{
import flash.display.*;
import flash.events.*;
import gs.*;
import gs.easing.*;

public class FotoPanel extends MovieClip
{
private var zaznaczony:MovieClip;

public function FotoPanel():void
{
inicjalizacja();
addEventListener(Event.ENTER_FRAME, nawigacja);
}

private function inicjalizacja():void
{
var ilosc:int = pojemnik_mc.numChildren;
for (var i:int = 0; i<ilosc; i++)
{
var aktualny:MovieClip = MovieClip(pojemnik_mc.getChildAt(i));
aktualny.buttonMode = true;
aktualny.lokalizacja = [aktualny.x, aktualny.y];
aktualny.addEventListener(MouseEvent.ROLL_OVER, onOver);
aktualny.addEventListener(MouseEvent.ROLL_OUT, onOut);
aktualny.addEventListener(MouseEvent.CLICK, onClick);
}
}

private function onOver(e:MouseEvent):void
{
var aktualny:MovieClip = MovieClip(e.currentTarget);

if (aktualny != zaznaczony) {
TweenLite.to(aktualny.powieksz_mc, 0.2, {
      alpha:1
});
}
}

private function onOut(e:MouseEvent):void
{
var aktualny:MovieClip = MovieClip(e.currentTarget);

TweenLite.to(aktualny.powieksz_mc, 0.2, {
alpha:0
});
}

private function onClick(e:MouseEvent):void
{
var aktualny:MovieClip = MovieClip(e.currentTarget);

if(zaznaczony == null)
{
powieksz(aktualny);
}
//nacisniecie powiększonego juz zdjęcia
//czyli pomnijeszenie go
else if(zaznaczony == aktualny)
{
TweenLite.to(aktualny, 0.5, {
      scaleX:1,
scaleY:1,
x:zaznaczony.lokalizacja[0],
y:zaznaczony.lokalizacja[1],
ease:Expo.easeInOut,
onComplete:function(){zaznaczony=null;}
});
}
//klikniecie na inny obrazek podczas gdy już mamy
//otwarty jeden obraz
else
{
TweenLite.to(zaznaczony, 0.5, {
      scaleX:1,
scaleY:1,
x:zaznaczony.lokalizacja[0],
y:zaznaczony.lokalizacja[1],
ease:Expo.easeInOut,
onComplete:powieksz,
onCompleteParams:[aktualny]
});
}
}

private function powieksz(aktualny:MovieClip):void
{
zaznaczony = aktualny;
pojemnik_mc.addChild(aktualny);
//aktualny.enlarge.alpha = 0;
TweenLite.to(aktualny, 0.5, {
      scaleX:2,
scaleY:2,
x:0,
y:0,
ease:Expo.easeInOut
});
}

private function nawigacja(e:Event):void
{
//pobieranie procentowej nawigacji myszki do sceny głównej
var dystansX:Number = mouseX / 450;
var dystansY:Number = mouseY / 300;

//określa mc, czas, rotacje maksymalną pomiędzy -70 a 70 stopni
TweenLite.to(pojemnik_mc, 2, {
      rotationY:-70+(140*dystansX),
rotationX:70-(140*dystansY),
ease:Expo.easeOut
});
}
}
}