|
Napisał Mateusz Dutkiewicz (3611 odsłon)
|
|
28.02.2006 14:09 |
Na początek przedstawię wam kilka ważnych
informacji bez których trudno będzie nam zacząć.
Nasze
animacje tworzymy a następnie zapisujemy do pliku o rozszerzeniu .fla
. Jest to plik projektu animacji. Zawiera on wszystkie składowe
jej elementy, umożliwia dokonywanie poprawek. Plik zapisujemy w
menu File/Save As... . Do wyboru mamy
dwa formaty Flash MX Document lub Flash
5 Document . Zapisując plik w wersji MX będzie on tylko
dostępny dla Flash'a MX jeżeli jednak zapiszemy go w wersji
starszej będzie on możliwy do otwarcia i edycji w obu wersjach
programu. Uwaga !!! Jeżeli w naszym
projekcie będą występowały elementy których nie było w
wersji 5 (np. folder na warstwy lub komponenty) nie da się go
zapisać dla starszej wersji programu.
Nasze
animacje z pliku .fla publikujemy do
pliku .swf lub do innych dostępnych
formatów m.in. .exe , .gif, .jpg , .png. Plik .swf
jednak jest plikiem który osadzamy na naszej stronie www. Plik
ten w przeciwieństwie do pliku .fla
umieszczamy na serwerze. Razem z plikiem .swf
tworzony jest plik .html.
Zawiera on osadzoną już nasza animację. Wiele osób jednak
chciało by mieć animację w konkretnym miejscu na swojej
stronie. Wygenerowany plik HTML zawiera interesujący nas kod który
odpowiada za wyświetlenie animacji flash. Kod zawiera się między
znacznikami <object></object>.
Wystarczy, że go przekopiujemy i wkleimy w odpowiednie miejsce na
naszej stronie. Przykładowy kod wygląda tak:
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/
shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
WIDTH="27" HEIGHT="16" id="animka" ALIGN="left">
<PARAM NAME=movie VALUE="animka.swf"> <PARAM NAME=quality
VALUE=high> <PARAM NAME=bgcolor VALUE=#000000> <EMBED src="animka.swf"
quality=high bgcolor=#000000 WIDTH="27" HEIGHT="16" NAME="animka"
ALIGN="left"
TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">
</EMBED>
</OBJECT>
Zrozumienie tego kodu jest proste parametry
rozmiaru animacji width i height,
położenie align, id
to oznaczenie naszej animacje przez które możemy się do niej odwoływać np.
przy pomocy języka skryptowego JavaScript. Oznaczenia Param oznaczają poszczególne
parametry animacji jego jakość, kolor tła i samo położenie pliku .swf.
Tak jak pliki .gif pliki animacji flash mogą mieć przezroczyste tło. Przykładem
jest np. animowana strzałka znajdująca się na tej stronie. By uzyskać taki
efekt dodajemy do kodu dodatkowy parametr <PARAM
NAME=wmode VALUE=transparent> oraz dodajemy do znacznika EMBED
wartość: wmode=transparent . Możemy to jednak
zrobić łatwiej ustawiając w opcji publikacji animacji ( menu File/Publish
Settings... ) zakładka HTML Window
Mode na Transparent Windowless. Opcje
publikacji pozwalają także dostosować nasz plik .swf
(zakładka Flash) ważne jest to by zabezpieczać
swoją animacje hasłem gdyż istnieje opcja importu pliku .swf
do projektu .fla a nikt z nas nie chciał by ktoś
inny posługiwał się jego elementami graficznymi. Robimy to następująco
zaznaczamy opcję Protect from import i w polu password
wpisujemy hasło. Teraz jeżeli ktoś będzie chciał importować nasz plik .swf
poproszony zostanie najpierw o podanie hasła które zna tylko autor animacji.
Ważne jest jeszcze to, że do animacji flash nie dodajemy linków tak jak robi
się to do plików .gif czy .jpg dodając odpowiedni kod HTML. Hiperłącza
dodajemy przez użycie w animacji tzw. Action Scriptu
o który w dalszej części kursu.
|