Mehmetoglu.org ActionScript 3 Dersleri - 3 [Kodlamaya başlayalım!]
Posted on Salı, Şubat 12th, 2008 at 11:43Not: (” Tırnak) işaretlerini kodlamada yeniden yazmanız gerekmektedir.
Film klipleri adı üstünde yeni ve bağımsız filmciklerdir. Bir film klibinin içine ana sahnede olduğu kadar özgürce animasyonlar oluşturabiliriz… Hatta bu filmciklerin içine yeni kliplerde ekleyebiliriz… ActionScript 3 ile kodlarken film liplerini kullanmamız gerekmekte. İlerleyen zamanlarda göreceksiniz ki her an her yerde işimizi kolaylaştıracaklar…
Ekrana bir kutu çizin. Herhangi bir biçimde olabilir.. Bu kutuyu seçerek F8 ‘tuşuna basın. Böylece kutucuğumuzu sembole çevireceğiz.. Birkaç sembol türü vardır. Film klibi, Görsel ve Buton. Açılan pencereden Film klibi(movie clip) ‘ini seçerek dilediğiniz gibi isimlendirin ve işlemi onaylayın…
ActionScirpt 3 ve bu film klibi ile etkileşim kurabilmemiz gerekiyor. Bunun en genel yöntemini uygulayacağız. Film klibine bir kez sol tıklayın. CRTL + F3 tuşları ile “properties” panelini açalım. Solda “Durum adı”(Instance Name) adlı kutucuğu görüyorsunuz. Bu kutucuğa kutu_mc yazalım. Film klibini “*_mc” şeklinde isimlendirmemizin sebebi; AS3 panelinin film klibini tanıması, film klibi için yazılabilecek tüm kodları sunmasını sağlamaktır..
Şimdi yeni bir katman oluşturup basit bazı kodları yazmaya başlayalım.
Eğer action script panelini ilgili framede açmayı hatırlatmam gerekirse;
1) CTRL + Alt + T tuşlarına basarak “Timeline” panelini açalım.
2) Üst menüdeki Insert > Timeline > Layer sekmesine tıklayalım. Böylece kodları yazabileceğimiz yeni bir katman(layer) oluşturduk.
3) Oluşan katmanda ilk boş frame kutucuğuna tıklayalım ve ardından action script panelini açmak için F9 ‘a basalım..
Böylece ilgili framede Action Script panelini açmış oduk. Eğer Kod asistanı(Script Assist) açık ise kapatalım. Şimdilik kodları yardım almadan kendi elimizle girmeliyiz..
//////////////////////////////// Kod yazımı buradan itibaren başlamıştır
// Kod yazarken // bu ifadeyi kullandığımda ilgili satır devre dışı kalır. Bizde hatırlatmaları // ifadeleri ile yapacağız..
kutu_mc.width = 100;
// kutu_mc adlı film klibimin enini 100 pixel olarak değiştirdim. CTRL + Enter ile değişiklikleri takip ediniz.
kutu_mc.scaleX = 2;
/* kutu_mc ‘nin X ekseni boyunu 2 ile çarptım. Yani en boyu 2 kat daha büyük oldu. Tabi kutunun ilk eninden. 100 * 2 = 200px değil. */
/* Bu arada bir hatırlatma yapalım. Film klibimin içindeki öğreler tam ortalı değil. Kod yazarken belirlediğim noktalar film klibinin 0 noktası için. Film kliplerinin sıfır noktası ise üst sol köşedir. Şimdi biz film klibini en üst sola dayamak istesek sıfır noktasından alınıp en üst sola dayanır. Eğer sıfır noktası film klibin tam ortası olsun istiyorsanız; film klibinin içine girip kutuyu seçin. Daha sonra ctrl + K tuşları ile align panelini açın. To stageyi işaretledikten sonra ilgili ortalama işlemini gerçekleştirin. Burada sıfır noktası işaretle daima gösterilmektedir. Ayrıca bunun yerine hemen film klibi oluştururken ortalayı seçebiliriz.*/
// kutu_mc ‘yi filmin sol köşesine dayayalım. Bunun için tüm ekranın (stage) eninin (stage.stageWidth) yarısını, kutu_mc nin merkezi olarak belirleyelim.
kutu_mc.x = stage.stageWidth / 2
/* Tüm ekranın eninin yarısı ekranın ortasıdır.. kutu_mc nin x eksenindeki yerini filmin orta noktası olarak belirlemiş olduk. Aynı şeyi “Height” ve “y” ekseni içinde yaparsak kutu boy açısından da en ortaya yerleşir… */
kutu_mc.y = stage.stageHeight / 2
kutu_mc.alpha = 0.5;
// Saydamlığı 1/2 yani 0.5 ile çarptık. Böylece kutu_mc yarı saydam bir film klibine dönüştü…
kutu_mc.alpha = .30;
// Bundan vazgeçiyorum saydamlığı artık %70 yani [100 * 0.30 = 70]
// Konumu ekranın ortasıydı. İstersem kutu_mc.x = 150; yazarak onu ekranda 150. pixele alabilirim…
// Bir daha ki dersimizde değişkenlere ve “trace” komutuna değineceğiz…
// Yorum kısmından sorularınızı sorabilirsiniz…
// Aşağıdaki linke tıklayarak çalışma dosyasını indirebilirsiniz…
________________________________________________
Sonuç >> http://www.mehmetoglu.org/as3_dersler/ders_03.swf
Proje dosyası >> http://www.mehmetoglu.org/as3_dersler/ders_03.fla
Kaynak: www.mehmetoglu.org | Kaynak gösterilmeden yayınlanması ayıp ve yasaktır
6 Yorum yazılmış
Yazmayan ölsün..