Flash'� Yerle�tirmek

     Flash ile animasyonlar�n�z� yapt�n�z, File/Export komutuyla SWF yapt�n�z ve  �imdi bunu html sayfan�za yerle�tireceksiniz. Bunu bir ka� yoldan yapabiliriz.

1-Object olarak:

    Bunun i�in web sayfan�za eklemeniz gereken komut a�a��daki gibi olmal�d�r.

<!--Buradan-->
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" 
width="468" height="60">
<param name=movie value="swf_dosyan�z�n_ismi.swf">
<param name=quality value=high>
</object>
<!--buraya kadar-->

Buradaki width ve height taglar�yla movienizin boyutunu; movie tag�yla swf dosyan�z�n yolunu ve ismini; quality tag�yla movienizin g�sterilirken hangi g�r�nt� kalitesinde g�sterilece�i belirlenir. 

2-G�merek (Embed)

    Bunun i�in sayfan�za eklemeniz gerek komut a�a��daki gibi olmal�d�r.

<!--Buradan-->
<embed width="468" height="60" quality="high" src="swf_dosyan�z�n_ismi.swf">
</embed>
<!--buraya kadar-->

3-Hem Object olarak Hemde G�merek

 Bunun i�in sayfan�za eklemeniz gerek komut a�a��daki gibi olmal�d�r.

<!--Buradan-->
<object width="468" height="60" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">
<param name="QUALITY" value="high">
<param name="SRC" value="swf_dosyan�z�n_ismi.swf">
<embed width="468" height="60" quality="high" src="swf_dosyan�z�n_ismi.swf">
</embed>
</object> 
<!--buraya kadar-->

4-Otomatik olarak(�nerilen:))

  Flash olu�turdu�unuz swf dosyas�n� otomatik olarak html sayfan�z�n i�ine koyabilir. Bu �zelli�inden faydalanabilmek i�in File/Publish komutunu se�meniz yeterli veya F12 ye basarakta a��lacak bir browser sayfas�nda animasyonunuzu g�rebilirsiniz. De�i�ik se�enekleri g�rmek istiyorsan�z File/Publish Settings b�l�m�nden baz� �zellikleri iste�inize g�re de�i�tirebilirsiniz.

Sizlerden gelen Flash'la ilgili sorular�n ba��nda, dergimizin eski tasar�m�ndaki (ger�i eski sitede tasar�m falan yoktu ya) butonlar�n zemine �arpma an�ndaki browser penceresini sallanma efektinin nas�l yap�ld��� idi. Ger�ekten hayal g�c� y�ksek olan bir milletiz. ��nk� bu olay �zerine �yle tahminler ald�m ki ger�ekten helal olsun dedim bu d���nce g�c�ne kendi kendime. M�sait bir zaman�m�zda sallama efektini nas�l yapt���ma dair gelen tahminleri sizlerle payla��r�m.

Madem �ok tutuldu bu olay bizde anlatal�m bu olay� kendi sitenize nas�l ta��yabilece�inizi. Ama ilk �nce belirtmek istedi�im bir ka� konu olacak. Browseri sallama (Shake) olay�n� Flash kendi ba��na yapamaz. Ekran� sallayacak olan JavaScript'tir. Bizim yapaca��m�z bu JavaScript'in kodlar�n� Html sayfam�z�n i�ine koyup istedi�imiz framelerde Flash'�n Get URL �zelli�ini kullanarak bu JavaScript'in �al��mas�n� sa�lamak. Yani Flash & JavaScript elele gibi bir olay olacak.

Bu JavaScript'i Flash'ta iki t�rl� �a��r�p �al��t�rabiliriz.

1-Animasyonumuzun bizim istedi�imiz frame(ler)sinde �al��mas� i�in frameye �ift t�klay�p a��lan pencereden Actions kulak����na oradanda + i�aretine basarak Get URL y�ntemiyle,

2-Animasyonumuzun i�inde bizim tan�mlayaca��m�z buton(lar)un �zerine sa� tu�la t�klayarak a��lan men�den Properties, oradanda Actions ve yine + i�aretine basarak Get URL y�ntemi ile....

Unutmamam�z gereken di�er bir nokta bu olay sadece Flash'a �zg� bir olay de�il, ayn� JavaScript kodlar�n� kullanarak bir Html sayfas�n�n i�indeki bir butonlada ayn� efekti elde edebiliriz.

�imdi esas konumuza geri d�nelim. �lk �nce 1. k�s�mdakine �rnek verece�iz.

�al��malar�m�za ba�lamadan a�a��daki kodlar� Copy/Paste y�ntemi ile her hangi bir html dosyas�n�n kaynak kodunun i�ine yap��t�ral�m. Sallama efektini ger�ekle�tirecek olan kodumuz i�te bu!


E�er yapt���n�z Flash animasyonunu Flash program�nda iken Ctrl+Enter ile izlemek isterseniz istedi�iniz sallama efekti ger�ekle�meyecek ve kendi kendine default browserinizin penceresi a��lacakt�r. Bunun sebebi Flash'a Actions k�sm�nda gerekli olan kodlar� bulundu�un html sayfas�ndan al dememizdir. Bunun i�in animasyonuzu yap�n, Swf olarak Export edin ve JavaScript kodlar�n� yerle�tirdi�iniz html sayfan�za export etti�iniz swfyide g�zelce yerle�tirdikten sonra animasyonunuzu g�zelce seyredebilirsiniz.

�imdi 40 framelik bir animasyon yapal�m. �lk frameye Text Tool ile 50 punto ile DiNaMit� veya her hangi bir�ey yaz�n. Ve bu yaz�m�z� F8 tu�u ile Graphic se�ene�ini kullanarak grafi�e �evirelim. Faremizle 40. frameyi i�aretleyerek F6 tu�u ile 40. frameye Keyframe ekleyelim. 1.Frameye d�nelim ve DiNaMiT� yaz�m�z se�ili iken Modify/Transform/Scale and Rotate (Ctrl+Alt+S) se�ene�iyle ihtiyac�m�z olan pencereyi a�al�m.Scale de�erine 500 yazal�m ve OK tu�una basal�m. B�ylelikle yaz�m�z� %500 b�y�tm�� olduk. Yaz�y� iste�imize g�re ortalad�ktan sonra 20.frameye sa� tu�la t�klayarak Create Motion Tween se�ene�ini se�in. B�ylelikle b�y�kten k����e do�ru hareket eden bir animasyonumuz olmu� oldu. Tam yere vurma an�nda yani 40. framede ekran�n sallanmas� laz�m yani JavaScript'imizi 40.framede Flash'a �a��r diyece�iz. Bunu yapabilmek i�inde 40.frameye sa� tu�la t�klayarak Properties se�ene�ini se�elim. A��lan pencereden Actions kulak����na ge�erek + tu�una basal�m. A��lan men�den Get URL se�ene�ini se�elim ve sa� taraftaki URL k�sm�na "javascript:shake_xy(1)" (t�rnaklar yok) yazal�m.

Actions

Burdaki (1) de�eri sallaman�n ard arda ka� kere yap�laca��n�, _xy de�eri ise sallaman�n hangi koordinat d�zlemine g�re yap�laca��n� g�sterir. Mesela javascript:shake_xy(1) yerine javascript:shake_x(2) yazarsak birincinin aksine browser penceresi pe�pe�e 2 kere ve sadece x d�zleminde sallan�r. Bu de�erlerle oynayarak istedi�iniz bir efekti yakalayabilirsiniz. Animasyonun daha ger�ek�i olmas� i�in buna birde ses laz�m. Bu sesi kendiniz bulman�z laz�m veya sizde benim gibi �ok ��enge�seniz Flash'�n kendi ses k�t�phanesinden yararlanabilirsiniz. Metal Klank bu i� i�in uygun bir ses.

�imdi s�rada 2. se�enek var. Yeni bir �al��ma sayfas� a��n ve DiNaMiT� yaz�n ve bunu F8 tu�uyla Buton yap�n. Buton yap�m�n� �nceki derslerimizden hat�rl�yorsunuzdur. E�er hat�rlam�yorsan�z Ar�iv b�l�m�nden bakman�z sizin i�in iyi olur. Butonda yapman�z gereken butona sa� tu�la t�klamak ve Properties se�ene�inden Actions kula�����na ge�in ve + tu�una bas�n. Yine Get URL k�sm�n� yukar�daki gibi aynen yaz�n. Burada fazladan size sunulan se�enek ziyaret�i butonla hangi durumda iken Flash'�n javascripti �al��t�raca��n�z� belirleyebilmenizdir. On(Release) k�sm�ndan butona bas�nca m� yoksa butonun �zerine gelince mi yoksa basar basmaz hemen �al��mas�n� ayarlayabilirsiniz.

�imdi bu dosyalar� swf olarak export edin ve JavaScript'in kodlar�n�n bulundu�u html sayfan�za yapt���m�z bu swfleride yerle�tirelim ve ekran�n sallanmas�n� keyifle izleyelim.

  1
Hosted by www.Geocities.ws