Başlangıç > ActionScript > ActionsScript 3 ile Gölge Efekti

ActionsScript 3 ile Gölge Efekti

Çok hoş bir püf noktası diyebiliriz bu ders için, işinize yarayacağına eminim. Kodlar sayesinde dinamik olarak bir gölge uygulama işlemidir, her nesneye uygulanabilir.

Şimdi başlayalım o zaman fazla uzatmadan, aşağıdaki kod içerisindeki açıklamaları dikkatle takip ederseniz daha iyi anlayacağınızı göreceksiniz.

Evvela gölge uygulayacağımız bir şekil çizelim. Ben basit bir şekil çiziyorum.

https://i0.wp.com/resim.sanalkurs.net/images/resim1_6.jpg

Sonra sağ tıklayıp (F8 ile de olabilir) onu movie clip yapıyorum.

https://i0.wp.com/resim.sanalkurs.net/images/resim2_5.jpg

Sonra Properties paneline gidiyor ve instance ismi veriyorum bu şeklimize. Ben ismini “sanalkurs” yaptım.

https://i0.wp.com/resim.sanalkurs.net/images/resim3_5.jpg

Şimdi de F9 ile ActionScript panelini açıyoruz ve 1. frame’e aşağıdaki kodları giriyoruz. // çizgilerinden sonraki italik yazı ile belirttiğim kısımlar açıklamalardır. Açıklamaları dikkatle okursanız sorun yaşamayacaksınız. Dilerseniz kopyalayıp yapıştırabilirsiniz.

// İlk önce bir obje ve gölge efektini belirleyelim ve sonraki kodlar için gölgeyi isimlendirelim.
var golge: DropShadowFilter = new DropShadowFilter();
 
// Şimdi yeni efekt nesnemize birtakım özellikler uygulayalım: İlk özelliğimiz renk olsun, gölge rengi olarak en çok kullanılan renk olan siyahı ayarlayalım.
golge.color = 0x000000;
 
// Şimdiki iki özellikle de, gölgemizin objemize ait pozisyonunu ayarlayacağız.
//Bu her x ve y eksenlerinin her ikisinde de objemize göre değeri 8px olduğunu gösterir.
golge.blurY = 8;
golge.blurX = 8;
 
// Ve şimdi gölge için bir açı ayarlayalım, objemize bitişik olsun. 
golge.angle = 100;
 
// Şimdi de gölge için alpha (saydamlık) ayarı yapalım. Bu ayar gölgenin etkisini belirler. Yani siyah kısmın nasıl görüneceğini ayarlar. 
golge.alpha = .5;
 
// Ve şimdi de objemize gölge için bir mesafe belirleyelim. 
golge.distance = 6; 
 
// Şimdi ayarladığımız özelliklere sahip efektimiz için yeni bir array (dizi) tanımlayalım. Bu bir objeye uygulamamız gerektiğinde gölge için başvuracağımız son işlem olacaktır.
var filtersArray:Array = new Array(golge);
 
// Son adım, ilk başta hazırladığımız "Sanalkurs" isimli movie klibimize bunu uygulamak. Objemiz alıyoruz ve ona filtersArray uyguluyoruz. 
sanalkurs.filters = filtersArray;

Şimdi çalışmamızı test edelim ve gölgenin nasıl durduğunu görelim.

https://i0.wp.com/resim.sanalkurs.net/images/resim4_2.jpg

Kategoriler:ActionScript
  1. Henüz yorum yapılmamış.
  1. No trackbacks yet.

Yorum bırakın