Flash Dersleri: Flash ile Dönen Menü Yapımı Resimli


20.05.2012-19:04 Tarihinde Eklendi.
www.seyfettinkahveci.com Derecelendirme: 10 / 10 Oy Sayısı: 16003128Toplam Puan: 37780 / Yorum Sayısı: 412003128 adet.


File-New ile dosyamızı açmaya başlıyoruz.

File-New ile dosyamızı açmaya başlıyoruz.

Karşımıza gelen ekrandan actionscript 2.0’ı seçiyoruz.

Karşımıza gelen ekrandan actionscript 2.0’ı seçiyoruz.

Bu aşamada 3 bölümden oluşan bir daire çiziyoruz.Dairemizi Tools Panelinde bulunan Rectangle Tool farenin sol tuşuyla uzunca basıyoruz ve karşımıza gelen seçenekler arasından Oval Tool u seçiyoruz. Dairemizi çalışma alanına merkezi şekilde çizmek için SHİFT tuşuyla beraber çizmelisiniz. Dairemizi Tools panelinde bulunan Line Tool aracıyla 3 e bölüyoruz. Bu bölümleri renklendirmek için renklendirmek istediğimiz bölümü seçiyoruz ve Properties panelinde bulunan Fill Color dan renginizi seçebilirsiniz. Daha sonra oluşturulan bu 3 bölüme ayrı ayrı sağ tıklayıp Convert to Symbol e tıklıyoruz ve gelen panelden type kısmını button seçiyoruz. Bu işlemi 3 bölüm içinde yapıyoruz.
Bu aşamada 3 bölümden oluşan bir daire çiziyoruz.Dairemizi Tools Panelinde bulunan Rectangle Tool  farenin sol tuşuyla uzunca basıyoruz ve karşımıza gelen seçenekler arasından Oval Tool u seçiyoruz. Dairemizi çalışma alanına merkezi şekilde çizmek için SHİFT tuşuyla beraber çizmelisiniz. Dairemizi Tools panelinde bulunan Line Tool aracıyla 3 e bölüyoruz. Bu bölümleri renklendirmek için renklendirmek istediğimiz bölümü seçiyoruz ve Properties panelinde bulunan Fill Color dan renginizi seçebilirsiniz. Daha sonra oluşturulan bu 3 bölüme ayrı ayrı sağ tıklayıp Convert to Symbol e tıklıyoruz ve gelen panelden type kısmını button seçiyoruz. Bu işlemi 3 bölüm içinde yapıyoruz.

Oluşturulan 3 Adet butona Propertiesde bulunan instance name kısmına a,b,c diye isimlendiriyoruz.Eğer fare üstüne geldiğinde butonun renginin değişmesini isterseniz oluşturulan butona çift tıklayıp timeline panelinde Over Bölümüne tıklayıp rengini değiştirebilirsiniz.

Oluşturulan 3 Adet butona Propertiesde bulunan instance name kısmına a,b,c diye isimlendiriyoruz.

Bu kısımda oluşturulan 3 adet butona sağ tıklayıp Convert to Symbol e tıklıyoruz ve gelen pencereden type bölümünden Movie Clip i seçiyoruz.

Bu kısımda oluşturulan 3 adet butona sağ tıklayıp Convert to Symbol  e tıklıyoruz ve gelen pencereden type bölümünden Movie Clip i seçiyoruz.

Oluşturulan movieclip e çift tıklayıp timeline panelinden 30 frame e gidiyoruz ve F6 ye basıyoruz. 1 ile 30 frame arasına sağ tıklayıp Create Classic Tween diyoruz ve propertiesde bulunan rotation kısmından CW yada CCW seçiyoruz.
Oluşturulan movieclip e çift tıklayıp timeline panelinden 30 frame e gidiyoruz ve F6 ye basıyoruz. 1 ile 30 frame arasına sağ tıklayıp Create Classic Tween diyoruz ve propertiesde bulunan rotation kısmından CW yada CCW seçiyoruz.

Bu aşamada oluşturulan movieclip imize isim verelim. İsim vermek için propertiesde bulunan instance name alanına vereceğimiz ismi yazıyoruz.

Bu aşamada oluşturulan movieclip imize isim verelim. İsim vermek için propertiesde bulunan instance name alanına vereceğimiz ismi yazıyoruz.

Şimdi çalışma alanımızın ilk frame ne sağ tıklayıp Actions a tıklıyoruz ve karşımıza gelen ekrana aşağıda verdiğim kodları yazmalısınız.

Kodlar:

onEnterFrame=function(){
//frame göründüğü müddetce çalışacak olan fonksiyon
daire_mc.a.onPress=function(){
//daire_mc içindeki a butonuna tıklandı ise
_root.createTextField("yeni_txt",1,300,100,70,20);
//yeni_txt adında bir text oluşturuluyor
yeni_txt.text="a ya tıklandı";
//yeni text in içine bilgi yazılıyor
}//daire_mc içindeki a butonuna tıklandı ise sonu
daire_mc.b.onPress=function(){
//daire_mc içindeki b butonuna tıklandı ise
_root.createTextField("yeni_txt",1,300,100,70,20);
//yeni_txt adında bir text oluşturuluyor
yeni_txt.text="b ya tıklandı";
//yeni text in içine bilgi yazılıyor
}//daire_mc içindeki b butonuna tıklandı ise sonu
daire_mc.c.onPress=function(){
//daire_mc içindeki c butonuna tıklandı ise
_root.createTextField("yeni_txt",1,300,100,70,20);
//yeni_txt adında bir text oluşturuluyor
yeni_txt.text="c ya tıklandı";
//yeni text in içine bilgi yazılıyor
}//daire_mc içindeki c butonuna tıklandı ise sonu
daire_mc.a.onRollOver=function(){
//daire_mc içindeki a butonunun üstüne gelindiyse
daire_mc.stop();
//daire_mc artık dönmesin
}//daire_mc içindeki a butonunun üstüne gelindiyse sonu
daire_mc.a.onRollOut=function(){
//daire_mc içindeki a butonunun üstünden gidildiyse
daire_mc.play();
//daire_mc dönmeye devam etsin
}//daire_mc içindeki a butonunun üstünden gidildiyse sonu
daire_mc.b.onRollOver=function(){
//daire_mc içindeki b butonunun üstüne gelindiyse
daire_mc.stop();
//daire_mc artık dönmesin
}//daire_mc içindeki b butonunun üstüne gelindiyse sonu
daire_mc.b.onRollOut=function(){
//daire_mc içindeki b butonunun üstünden gidildiyse
daire_mc.play();//daire_mc dönmeye devam etsin
}//daire_mc içindeki b butonunun üstünden gidildiyse sonu
daire_mc.c.onRollOver=function(){
//daire_mc içindeki c butonunun üstüne gelindiyse
daire_mc.stop();//daire_mc artık dönmesin
}//daire_mc içindeki c butonunun üstüne gelindiyse sonu
daire_mc.c.onRollOut=function(){
//daire_mc içindeki c butonunun üstünden gidildiyse
daire_mc.play();//daire_mc dönmeye devam etsin
}//daire_mc içindeki c butonunun üstünden gidildiyse sonu
}//fonksiyon sonu

Projemizin Çalışır Hali:(Fareyi Dönen Daire Üzerinde Bulunan Alanlardan Herhangi Birinin Üstüne Getirmeniz veya Tıklamanız Yeterlidir.)


Kodlarla ilgili anlamadığınız veya geliştirdiğiniz projeyle ilgili herhangi bir sorununuz olursa Yorum Ekle bölümünden yazın en kısa sürede cevaplamaya çalışırım.İyi Çalışmalar.

Seyfettin KAHVECİ
Balıkesir Üniversitesi
NEF-BOTE



Yazının tamamının kopyalanması yasaktır. En baştaki birkaç paragrafı kopyalayıp, yazıya link verebilirsiniz. Aksi durumda uyarılmaksızın yasal yollara gidilecektir.

Uzun süredir yorumlara cevap veremediğim için sistem yeni yorumlara kapatılmıştır. Anlayışınız için teşekkürler.
Yorumlar
Bu makale için henüz hiç yorum yapılmamış.