• Forum vBulletin altyapısından Xenforo altyapısına geçirildi, bu sebeple eski şifreleriniz ile foruma giriş yapamayacaksınız, parolamı unuttum adımından mailiniz ile şifre sıfırlayarak giriş yapabilirsiniz.

    Üyeliklerinde geçerli bir mail adresi olmadığı için sıfırlama yapamayacak kullanıcılar forum kullanıcı adlarını ve yeni şifrelerini yazarak info@maxigame.org adresine şifre sıfırlamak istediklerine dair bir mail göndersinler şifrelerini sıfırlayıp mail adreslerini güncelleyeceğiz. Şifreniz sıfırlandıktan sonra foruma giriş yapıp tekrar istediğiniz gibi değiştirebilirsiniz.

[DERS - 5] Adobe Flash Professional - Butonlarla Resim Efektleri

  • Konuyu başlatan Konuyu başlatan pureLove
  • Başlangıç tarihi Başlangıç tarihi

pureLove

future awesome
ViP Üye
Aktiflik
K.Tarihi
29 May 2009
Mesajlar
2,445
Puanı
787
Konum
Fethiye
maxigame_logo1.gif

Merhaba arkadaşlar. Farklı bir Adobe Flash Professional dersi ile karşınızdayım. Bugün dersimizde sahne üzerine birden fazla buton ile resim geçiş efektlerini işleyeceğiz.

Bu derste ne öğreneceğim?
- Nesneler nasıl düğme yapılır?
- Düğme olarak tanımlanan nesnelere nasıl isim verilir?
- Sahne üzerinde birden fazla düğme ile nasıl işlem yapılır?
- Birden fazla düğmeye nasıl kod yazılır?
Nasıl yapılır?
maxayrac1.png
Action Script 3.0'ı seçerek işe başlayalım.

k2b8h.jpg

maxayrac1.png

Sahneye bir resim ekleyelim.
Resim eklemek için; Dosya -> İçe Aktar -> Sahne Alanına İçe Aktar... / CTRL + R

a17dah.jpg

maxayrac3.jpg

Eklediğimiz resmi seçelim ve F8 tuşuna basıp "Film Klibi" olarak ekleyelim.

24xm5ue.jpg

maxayrac3.jpg

Son olarak resme "özellikler" alanından isim verelim ve düğmelere geçelim.

14vrcd0.jpg

maxayrac1.png

Sahneye resmi attıktan sonra bir dikdörtgen çizelim ve içine vermek istediğimiz efektin ismini yazalım.
Mantık, dikdörtgeni çizip üzerine yazı yazacağız ve yaptığımız şekli bir buton - düğme olarak tanımlayıp tıkladığımızda resim efekt alacak.

1zu939.jpg
bi1q0z.jpg

maxayrac3.jpg

2yv9tnn.jpg

maxayrac1.png

Şimdi, sahneye yerleştirdiğimiz nesneye isim verelim düğme olarak ekleyelim. Öncelikle seçim aracımızı alalım ve nesneyi seçelim.

21kvyc2.jpg
1zpsc3t.jpg

maxayrac3.jpg

Resim seçili haldeyken F8'e veya Ekle -> Yeni Sembol seçeneğinden "Düğmeyi" seçelim.

m96bs9.jpg

maxayrac3.jpg

Nesnenin "özellikler" sekmesinde bulunan alana vereceğimiz ismi girelim. (Karışıklık olmaması adına, düğmenin üzerindeki yazıyı yazmayı tercih edin.)

29o4lyb.jpg

maxayrac1.png

Aynı işlemi, tüm butonlar için uygulayalım. (Birden fazla efekt göz çıkarmaz. (: )

f4pdl2.jpg

maxayrac1.png

Ardından yeni bir katman açalım. Katmanın ismini "KOD" yapabilirsiniz.

105a9mw.jpg

maxayrac1.png

Ardından "KOD" katmanındayken F9 tuşuna basalım ve Eylemler penceresine geçiş yapalım. Fonksiyonlarımızı ve parametlerimizi tanımladıktan sonra işlemlerimiz tamam.
(Aşağıda kodları vereceğim.)
2mpiphz.jpg

maxayrac3.jpg

Kodlar için spoilera göz atabilirsiniz.
Kod:
import fl.transitions.*;
import fl.transitions.easing.*;
import flash.events.MouseEvent;


fadeout.addEventListener(MouseEvent.MOUSE_DOWN,fadeOUT);
fadein.addEventListener(MouseEvent.MOUSE_DOWN,fadeIN);


flyout.addEventListener(MouseEvent.MOUSE_DOWN,flyOUT);
flyin.addEventListener(MouseEvent.MOUSE_DOWN,flyIN);


blindsout.addEventListener(MouseEvent.MOUSE_DOWN,blindsOUT);
blindsin.addEventListener(MouseEvent.MOUSE_DOWN,blindsIN);


irisout.addEventListener(MouseEvent.MOUSE_DOWN,irisOUT);
irisin.addEventListener(MouseEvent.MOUSE_DOWN,irisIN);


photoout.addEventListener(MouseEvent.MOUSE_DOWN,photoOUT);
photoin.addEventListener(MouseEvent.MOUSE_DOWN,photoIN);


rotateout.addEventListener(MouseEvent.MOUSE_DOWN,rotateOUT);
rotatein.addEventListener(MouseEvent.MOUSE_DOWN,rotateIN);


squeezeout.addEventListener(MouseEvent.MOUSE_DOWN,squeezeOUT);
squeezein.addEventListener(MouseEvent.MOUSE_DOWN,squeezeIN);


zoomout.addEventListener(MouseEvent.MOUSE_DOWN,zoomOUT);
zoomin.addEventListener(MouseEvent.MOUSE_DOWN,zoomIN);


wipeout.addEventListener(MouseEvent.MOUSE_DOWN,wipeOUT);
wipein.addEventListener(MouseEvent.MOUSE_DOWN,wipeIN);


function fadeOUT (e:MouseEvent):void
{
    TransitionManager.start(mx,{type:Fade, direction:Transition.OUT,duration:3, easing:Strong.easeOut});
}
function fadeIN (e:MouseEvent):void
{
    TransitionManager.start(mx,{type:Fade, direction:Transition.IN,duration:3,easing:Strong.easeOut});
}


function flyOUT (e:MouseEvent):void
{
    TransitionManager.start(mx,{type:Fly, direction:Transition.OUT,duration:3, easing:Strong.easeOut});
}
function flyIN (e:MouseEvent):void
{
    TransitionManager.start(mx,{type:Fly, direction:Transition.IN,duration:3,easing:Strong.easeOut});
}


function blindsOUT (e:MouseEvent):void
{
    TransitionManager.start(mx,{type:Blinds, direction:Transition.OUT,duration:3, easing:Strong.easeOut});
}
function blindsIN (e:MouseEvent):void
{
    TransitionManager.start(mx,{type:Blinds, direction:Transition.IN,duration:3,easing:Strong.easeOut});
}


function irisOUT (e:MouseEvent):void
{
    TransitionManager.start(mx,{type:Iris, direction:Transition.OUT,duration:3, easing:Strong.easeOut});
}
function irisIN (e:MouseEvent):void
{
    TransitionManager.start(mx,{type:Iris, direction:Transition.IN,duration:3,easing:Strong.easeOut});
}


function photoOUT (e:MouseEvent):void
{
    TransitionManager.start(mx,{type:Photo, direction:Transition.OUT,duration:3, easing:Strong.easeOut});
}
function photoIN (e:MouseEvent):void
{
    TransitionManager.start(mx,{type:Photo, direction:Transition.IN,duration:3,easing:Strong.easeOut});
}


function rotateOUT (e:MouseEvent):void
{
    TransitionManager.start(mx,{type:Rotate, direction:Transition.OUT,duration:3, easing:Strong.easeOut});
}
function rotateIN (e:MouseEvent):void
{
    TransitionManager.start(mx,{type:Rotate, direction:Transition.IN,duration:3,easing:Strong.easeOut});
}


function squeezeOUT (e:MouseEvent):void
{
    TransitionManager.start(mx,{type:Squeeze, direction:Transition.OUT,duration:3, easing:Strong.easeOut});
}
function squeezeIN (e:MouseEvent):void
{
    TransitionManager.start(mx,{type:Squeeze, direction:Transition.IN,duration:3,easing:Strong.easeOut});
}


function zoomOUT (e:MouseEvent):void
{
    TransitionManager.start(mx,{type:Zoom, direction:Transition.OUT,duration:3, easing:Strong.easeOut});
}
function zoomIN (e:MouseEvent):void
{
    TransitionManager.start(mx,{type:Zoom, direction:Transition.IN,duration:3,easing:Strong.easeOut});
}


function wipeOUT (e:MouseEvent):void
{
    TransitionManager.start(mx,{type:Wipe, direction:Transition.OUT,duration:3, easing:Strong.easeOut});
}
function wipeIN (e:MouseEvent):void
{
    TransitionManager.start(mx,{type:Wipe, direction:Transition.IN,duration:3,easing:Strong.easeOut});
}
maxayrac1.png

[SWF=500/400]http://fs5.directupload.net/images/160908/xhxikqsu.swf[/SWF]

Derste anlatılan projeyi indirmek için, aşağıda bulunan indirme seçeneklerine göz atabilirsiniz.
maxayrac1.png



 
Geri
Üst