Flash CS4 İle Buton Üzerine Gelince Dönen Çember Resimli Anlatım


20.03.2012-20:26 Tarihinde Eklendi.
www.seyfettinkahveci.com Derecelendirme: 10 / 10 Oy Sayısı: 16002822Toplam Puan: 34720 / Yorum Sayısı: 412002822 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.
Öncelikle çalışma alanımıza Movie Clip Nesnesi ekleyelim. Bunun için Insert-New Symbol diyoruz.
  Öncelikle çalışma alanımıza Movie Clip Nesnesi ekleyelim. Bunun için Insert-New Symbol diyoruz.

Karşımıza gelen ekrandan Type kısmından Movie Clip’i Seçiyoruz ve name kısmından Movie Clip’imizin adını veriyoruz.

 Karşımıza gelen ekrandan Type kısmından Movie Clip’i Seçiyoruz ve name kısmından Movie Clip’imizin adını veriyoruz.

Daha sonra ekrana movieclip nesnesini çizebileceğiniz alan gelmektedir. Bu alana bir daire çiziyoruz.(Dairemizin merkezinin tam ortada olması için daireyi seçip CTRL-X CTRL-V yaptıktan sonra dairemizin merkezi tam ortaya gelecektir.)Yine Aynı şekilde bir köşede iç çizgileri çizdikten sonra tüm çizgileri seçip aynı yöntemi kullanarak tam ortalanmasını sağlayabilirsiniz.Daha sonra taşan kısımları seçip silebilirsiniz.
  Daha sonra ekrana movieclip nesnesini çizebileceğiniz alan gelmektedir. Bu alana bir daire çiziyoruz.(Dairemizin merkezinin tam ortada olması için daireyi seçip CTRL-X CTRL-V yaptıktan sonra dairemizin merkezi tam ortaya gelecektir.)Yine Aynı şekilde bir köşede iç çizgileri çizdikten sonra tüm çizgileri seçip aynı yöntemi kullanarak tam ortalanmasını sağlayabilirsiniz.Daha sonra taşan kısımları seçip silebilirsiniz.

Bir sonraki kısımda Tools panelimizde bulunan Paint Bucket Tool ile çemberimizin bölümlerini renklendirelim.
  Bir sonraki kısımda Tools panelimizde bulunan Paint Bucket Tool ile çemberimizin bölümlerini renklendirelim.

Daha sonra Timeline panelimizden 65 bölüme gelip klavyeden F6’ ya basalım ve  oluşan aralığa ağ tıklayıp Creata Classic Tween Diyelim.
  Daha sonra Timeline panelimizden 65 bölüme gelip klavyeden F6’ ya basalım ve  oluşan aralığa ağ tıklayıp Creata Classic Tween Diyelim.

Şimdiki adımda çemberimizin dönmesini sağlayacağız bunun için timeline panelinde  1 ile 65 arasında bir yere tıklayıp Properties panelinde tweening bölümünde rotate seçeneğinden CW veya CCW seçiyoruz.
  Şimdiki adımda çemberimizin dönmesini sağlayacağız bunun için timeline panelinde  1 ile 65 arasında bir yere tıklayıp Properties panelinde tweening bölümünde rotate seçeneğinden CW veya CCW seçiyoruz.


Artık çemberimiz merkezi etrafında dönmektedir.Bir sonraki kısımda Scene1’ e tıklayarak Movie Clip’imizden çıkıyoruz.
  Artık çemberimiz merkezi etrafında dönmektedir.Bir sonraki kısımda Scene1’ e tıklayarak Movie Clip’imizden çıkıyoruz.

Artık Movie Clip nesnemiz tamamen oluşmuş ve kütüphanemize eklenmiştir.
  Artık Movie Clip nesnemiz tamamen oluşmuş ve kütüphanemize eklenmiştir.

Şimdi Movie Clip Nesnemizi kütüphaneden sürükle bırak yöntemiyle alıp çalışma alanımıza ekleyelim.
  Şimdi Movie Clip Nesnemizi kütüphaneden sürükle bırak yöntemiyle alıp çalışma alanımıza ekleyelim.

Movie Clipimiza Cember_mc adını veriyoruz. Dikkat edin sonunda mutlaka _mc olması gerekir yoksa action script kodlarında eklemeniz gerekmektedir.Bunun için movie clip nesnesini seçtikten sonra properties alanından girmelisiniz.
  Movie Clipimiza Cember_mc adını veriyoruz. Dikkat edin sonunda mutlaka _mc olması gerekir yoksa action script kodlarında eklemeniz gerekmektedir.Bunun için movie clip nesnesini seçtikten sonra properties alanından girmelisiniz.

 

Bu aşamada artık butonlarımızı oluşturalım. Buton oluşturmak için menüden  Insert-New Symbol seçeneğini seçiyoruz.

Bu aşamada artık butonlarımızı oluşturalım. Buton oluşturmak için menüden  Insert-New Symbol seçeneğini seçiyoruz.

Karşımıza gelen ekranda type alanından buttonu seçiyoruz ve name alanından ismini veriyoruz. Ok’a tıklıyoruz.

 Karşımıza gelen ekranda type alanından buttonu seçiyoruz ve name alanından ismini veriyoruz. Ok’a tıklıyoruz.

Bir Sonraki Kısımda timeline panelinde karşımıza Up(Normal),Over(fare üstüne geldiğinde),Down(tıklandığında),Hit(farenin tıklama alanı) seçenekleri gelmektedir. Farenin olaylarına göre her birine butonunuzun alacağı şekilleri çizebilirsiniz.

Bir Sonraki Kısımda timeline panelinde karşımıza Up(Normal),Over(fare üstüne geldiğinde),Down(tıklandığında),Hit(farenin tıklama alanı) seçenekleri gelmektedir. Farenin olaylarına göre her birine butonunuzun alacağı şekilleri çizebilirsiniz.                                                             Bir Sonraki Kısımda timeline panelinde karşımıza Up(Normal),Over(fare üstüne geldiğinde),Down(tıklandığında),Hit(farenin tıklama alanı) seçenekleri gelmektedir. Farenin olaylarına göre her birine butonunuzun alacağı şekilleri çizebilirsiniz.

 

Daha sonra Scene 1 e tıklayarak butonumuzun içinden çıkıyoruz.

 Daha sonra Scene 1 e tıklayarak butonumuzun içinden çıkıyoruz.

Butonumuz artık oluşmuş bulunup artık kütüphanede verdiğimiz isimde yer almaktadır.Sürükle bırak yöntemiyle butonumuzu çalışma alanımıza ekliyoruz.

 Butonumuz artık oluşmuş bulunup artık kütüphanede verdiğimiz isimde yer almaktadır.Sürükle bırak yöntemiyle butonumuzu çalışma alanımıza ekliyoruz.

Bu kısımda butonumuzun üstüne yazı ekleyeceğiz ve yazımızın butonu etkilememesi için static text tipinde eklememiz gerekmektedir. Bunun için tools panelinden text tool’u seçiyoruz ve properties alanından static text’i seçiyoruz. Butonumuzun üstüne yazımızı etkiliyoruz.

Bu kısımda butonumuzun üstüne yazı ekleyeceğiz ve yazımızın butonu etkilememesi için static text tipinde eklememiz gerekmektedir. Bunun için tools panelinden text tool’u seçiyoruz ve properties alanından static text’i seçiyoruz. Butonumuzun üstüne yazımızı etkiliyoruz.

Şimdiki kısımda artık butonlarımıza action script kodu yazalım. Bunun için butona sağ tıklayıp Actions’u tıklayıp action script kodlarımızı yazacağımız alanı açıyoruz. Aşağıdaki kodlarımızı alana ekliyoruz.

on(rollOver){
  Cember_mc.play();
}

 Şimdiki kısımda artık butonlarımıza action script kodu yazalım. Bunun için butona sağ tıklayıp Actions’u tıklayıp action script kodlarımızı yazacağımız alanı açıyoruz. Aşağıdaki kodlarımızı alana ekliyoruz. on(rollOver){                  Cember_mc.play();  }

Fakat çemberin sadece döndür butonun üzerine gelince dönmesi için durdur butonu da yapmamız gerekmektedir.Önceki anlattığım sekilde durdur diye bir buton daha ekleyelim ve actions alanına aşağıdaki kodları yazalım.(CTRL+SHİFT ile butonu ve bir çok şeyi kopyalayabilirsiniz.)

on(rollOver){
 Cember_mc.stop();
}

 Fakat çemberin sadece döndür butonun üzerine gelince dönmesi için durdur butonu da yapmamız gerekmektedir.Önceki anlattığım sekilde durdur diye bir buton daha ekleyelim ve actions alanına aşağıdaki kodları yazalım.(CTRL+SHİFT ile butonu ve bir çok şeyi kopyalayabilirsiniz.)  on(rollOver){                  Cember_mc.stop();  }

Artık bu projemizinde sonuna gelmiş bulunmaktayız. Projemizi Çalıştırmak İçin CTRL+ENTER’ı kullanabilirsiniz.

 

 

Artık bu projemizinde sonuna gelmiş bulunmaktayız. Projemizi Çalıştırmak İçin CTRL+ENTER’ı kullanabilirsiniz.

Projemizin Çalışır Hali:

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.

Yorum Ekle

Ad Soyad:
Şehir:
Yorum:
Yorumlar
Bu makale için henüz hiç yorum yapılmamış.
Unutmayın Makalelere Yorum Yazmak Yeni Makalelere Teşviktir.