Web sitelerinin vazgeçilmez öğelerinden birisi hiç kuşkusuz menülerdir. Menüler sitelerin kullanıcılarına navigasyonda büyük kolaylıklar sağlıyor. Kısıtlı alanda yüzlerce sayfanın içeriği hakkında fikir sahibi olmamıza olanak veriyor. En ömenlisi de bilgiye ulaşmak noktasında zaman kaybetmemizi önlüyor. Bende bu makalede Macromedia Flash Mx ve Actionscript yardımıyla mous hareketine duyarlı basit bir menü yapmaya çalışacağım. Yazımızın sonunda aşağıda görmüş olduğunuz menüyü oluşturmuş olacağız.

1- Çalışma sayfanız= 300×40 pixels, frame rate= 24 fps olarak hazırlayın

2- Ctrl+f8 tuşlarına aynı anda basın açılan pencerede movie clip seçeneğini işaretleyin name kısmına "menu" adını verin.

3- w=300 h=40 ebatlarında bir dikdörtgen hazırlayın… nesneyi sahnedeki movie clip registration noktasının "+" sol tarafına sürükleyin.

4- yeni bir layer açın adına butonlar adını verin… ilk frame seçiliyken dikdörtgen’in üzerine buton için bir kare çizip sağ click> convert to symbol> name= "button">ok… diğer 4 butonu da library’den tutup sürükleyerek sahneye taşıyın

5- bir layer daha açın ve text olarak adlandrın… ilk frame seçiliyken butonların üzerine gelecek şekilde yazınızı girin.

6- scene1’ e yani ana sahneye geri dönün… hazırladığınız "menu" movie clip’i sahnede görünmüyor çünkü movie clip’ini sahnede değil library’nin içinde hazırladık bu yüzden movie’yi library’den tutup sahneye taşıyın

7- "menu" movie clibinden bir tane daha sahneye taşıyın… her iki movi clibide seçerek sağ click>convert to symbol>movie clip> name= "ana_menu"> registration noktasını aşağıdaki örneğe göre hazırlayın;

8- "ana_menu" seçiliyken actions paneline aşağıdaki kodu yazın;

onClipEvent (load)
{
xcenter=150;
speed=1/10;
}
onClipEvent (enterFrame)
{
var distance=_root._xmouse-xcenter;
_x+=(distance*speed);
}

Buraya kadar olan kısmı hatasız olarak yaptıysanız, test ettiğinizde, movie’nin istediğimiz şekilde hareket ettiğini göreceksiniz. şimdi kodların nasıl çalıştığına bakalım;

a) xcenter= animasyonun ana noktasıdır yani bizim belirttiğimiz registration noktası… eğer mouse movie clip’in ona tayin ettiğimz ana noktasından sola doğru hareket ederse sola, sağa doğru hareket ederse sağa doğru gidecektir.

b) speed = movie clip hızı.

enter frame içerisinde mouse ve movie clip registration noktası arasındaki hesaplamaları yaptık.

9- Şu ana kadar hazırladığımız movie clibimize nereye kadar ilerleyeceğini belirtmediğimiz için sahnenin dışına kadar gitmektedir, bu yüzden hareketini kısıtlamak için yukarıdaki kodun devamına aşağıdaki kodları girin;

onClipEvent (enterFrame)
{
var distance=_root._xmouse-xcenter;
_x+=(distance*speed);
if (_x > 0) _x=-300;
if (_x < -300) _x=0;
}

Dökümanımız içerisinde hareket etmesini istiyoruz bu yüzden dokumanımızın width (genişlik) değerini vermemiz belirtmemiz gerek if _x<300 …

10- Son olarak moviemize mask ekleyeceğiz… yeni bir layer ekleyin ve adına "mask" adını verin. ilk frame seçiliyken sahneye animasyonuzu boydan kaplayacak şekilde bir kare çizin… mask layer’ının seçip sağ click>mask adını verin.

…Çalışmanızı kaydedin ve movieyi test edin. Daha sonra görüşmek üzere …

Kaynaklar :

Krirupa.com, macromedia.com