Sürükle Bırak (StartDrag StopDrag)

Transkript

1 Sürükle Bırak (StartDrag StopDrag) ActionScript içerisinde sürükle işlemlerini yapmak için startdrag() metodu, taşınan nesneyi bırakmak içinse stopdrag() metodu kullanılır. Sürükleme ve bırakma işlemlerinin hangi olaya bağlı olarak gerçekleşeceğini ise nesneye ya da sahneye atadığımız olay dinleyici ile belirleriz. Bu örnekte nesnemize bir olay dinleyici atayacağız. Nesnenin üzerine gelindiğinde farenin sol tuşuna basılı tutarsak taşıma işlemi gerçekleşecek, fareyi bıraktığımız anda da taşıma işlemi sonlanacak. Yani dinlenmesini istediğimiz olaylar MouseEvent lerinin içerisinden MOUSE_DOWN ve MOUSE UP olayları. Sahne üzerine Oval Tool ile bir daire çizip F8 kısayol tuşu ile Movie Clip olarak sembole dönüştürelim ve Instance Name kısmına ornek_mc yazalım. Kodları yazmak için Actions isimli bir layer oluşturalım ve Actions panelini açarak aşağıdaki kodları yazalım. //oluşturduğumuz nesneye olay dinleyici ekliyoruz ornek_mc.addeventlistener(mouseevent.mouse_down, surukle); //olay gerçekleştiğinde çalışacak fonksiyonumuzu yazıyoruz function surukle(e:mouseevent) { //startdrag metodu ile nesnenin sürüklenmesini sağlıyoruz ornek_mc.startdrag(); ornek_mc.addeventlistener(mouseevent.mouse_up, birak); function birak(e:mouseevent) { //stopdrag metodu ile sürükleme işlemini sonlandırıyoruz ornek_mc.stopdrag(); HitTestObject Flashta iki nesnenin çarpışması nasıl bulunur ve nasıl işlem yapılır Flash animasyonu yaparken genelde birkaç örnek yaptıktan sonra kişilerin aklına oyun yapmak gelir. Bunu için en basit oyunlar genelde çarpışma testi içeren oyunlardır. Sahneye bir kare, bir daire ve bir dinamik metin alanı ekleyin. Metin alanının adı mesaj, diğerlerinin adı ise şekilleri ile aynı ismi taşıyor. Daha sonra sahnede boş bir alanı tıklayın ve F9 a basarak aşağıdaki kodları yazın stage.addeventlistener(event.enter_frame, carpma); stage.addeventlistener(keyboardevent.key_down, hareket); function hareket(event:keyboardevent) { if (event.keycode==keyboard.left) { daire.x -= 1; // top nesnesinin x koordinatını 1 eksiltir. if (event.keycode==keyboard.right) {

2 daire.x+=1; // top nesnesinin x koordinatını 1 artırır. if (event.keycode==keyboard.up) { daire.y-=1; // top nesnesinin y koordinatını 1 eksiltir. if (event.keycode==keyboard.down) { daire.y+=1; //top nesnesinin y koordinatını 1 artırır. function carpma(e:event):void{ if (daire.hittestobject(kare)) { mesaj.text="çarptınız"; TWEEN SINIFI Tween sınıfı ile as3.0 kodları ile animasyon yapılabilir.. Bu sınıf ile nesnenin yeniden boyutlandırılması, koordinat değişimi, ölçeklenmesi vb. işlemlerde kullanılıyor. Güzel tarafı ise fazla kod kalabalığına gerek olmadan işlemleri daha kısa kodlamalarla yapıyor olması. Tween objesinin kodlama içerisindeki kullanımı aşağıdaki gibidir. var yenitween:tween = new Tween( object, properties, function, begin, finish, duration, useseconds); object: Animasyonda kullanılacak nesnenin adı, properties: Nesnenin müdahale edilecek özelliği(width, height, alpha, scalex, scaley, vb.), function: Animasyona uygulanacak hareket türü, begin: Başlangıç parametresi, yani objeyi hareket ettireceksek hangi eksende hareket ettireceksek, o eksendeki başlangıç koordinatı(ornek_mc.x = 50), finish: Bitiş parametresi (ornek_mc.x = 500), duration: Nesneye uygulanacak animasyonun süresi, useseconds: Burada true değeri verilirse animasyonun süresi saniye olarak, false verilirse frame hızı olarak hesaplanır. Tween sınıfını bir nesneye uygulamak istersek aşağıdaki örnekteki gibi bu sınıfı kullanabiliriz. import fl.transitions.tween; import fl.transitions.easing.*; var yenitween:tween = new Tween(ornek_mc, y, Regular.easeOut, 0, 350, 5, true);

3 Bu kodlamayla sahne üzerindeki nesne y ekseninde 0 noktasından 350 piksele gönderiyoruz. Animasyonun hareket türünü ise Regular sınıfını kullanarak belirledik. Bu ve diğer sınıflarla ilgili bilgiler altta sıralanmıştır. Back: Hareket hızlı bir şekilde başlar, bitiş noktasını geçtikten sonra bitiş noktasına döner. Bounce: Nesne özelliğinin verilen değer üzerinden sıçramasını sağlar. Örnek olarak top zıplatma animasyonu gösterilebilir. Elastic: Hareketlerin elastik bir şekilde yapılmasını sağlar. Nesne önce bitiş noktasını geçer, sonra geri gelir, belirlenen süreye göre bu işleme devam eder ve belirlenen noktaya gelir. None: Adındanda anlaşılacağı gibi herhangi bir hareket uygulamadan animasyonun normal şekilde devam eder. Regular: Belirli bir ivme uygular. Strong: Regular sınıfına benzer bir yapısı vardır fakat hareketler daha serttir. Bu sınıfın yapıları ile birlikte aşağıdaki 3 özellikten birinde kullanılması gerekmektedir. easein: Hareketin başlangıç noktasında yapılmasını sağlar. easeinout: Hareketin hem başlangıç hem bitiş noktasında yapılmasını sağlar. esaseout: Hareketin bitiş noktasında yapılmasını sağlar. ACTİON SCRİPT 3 KODLARIYLA DIŞARDAN RESİM YA DA SWF ÇAĞIRMA Loader sınıfı Loader sınıfı SWF dosyaları veya görüntü (JPG, PNG veya GIF) dosyalarını yüklemek için kullanılır. Yüklemeyi başlatmak için load() yöntemini kullanın. Yüklenen görüntüleme nesnesi, Loader nesnesinin alt öğesi olarak eklenir. addchild(); objeyi ekrana eklemek için kullanılır. Yapmamız gereken sadece 1.frame e şu kodları eklemek; var yukle:loader = new Loader(); var resim:urlrequest = new URLRequest("flashArsivi.gif"); yukle.load(resim); addchild(yukle); Yukardaki kod ile gelen resim ve swfler sahnenin (0,0) kordinatına yani x=0 y=0, yani sahnenin sol üst köşesine gelir.şimdi çağırdığımız obje yi aşağıdaki kodları ekleyerek konumlandırabiliriz; yukle.x=100; yukle.y=150; Bu kodları ekledğinizde çağırdığınız objeyi 100 e 150 olarak konumlandıracaktır. Son haliyle kod aşağıdaki gibi olmalıdır;

4 var yukle:loader = new Loader(); var resim:urlrequest = new URLRequest("flashArsivi.gif"); yukle.load(resim); yukle.x=100; yukle.y=150; addchild(yukle); Şimdi ilk koda konumlandırma eklemeden çağıracağımız objeyi bir Movie Clip içine çağıralım. Öncelikle sahneye bir çizim yapıp onu seçip F8ile Movie Clip yapalım. Movie clipin içindeki çizim önemli değildir, sahnede boş movie clip de olabilir. Daha sonra oluşturduğumuz movie clip i seçip Properties panelinden Intance Name değerine mcfa yazalım.şimdi ilk kodumuzdaki addchild(yukle); satırının başına mcfa. ekleyelim yani şöyle yapalım; mcfa.addchild(yukle); Buna göre son kodumuz şöyle olacaktır; var yukle:loader = new Loader(); var resim:urlrequest = new URLRequest("flashArsivi.gif"); yukle.load(resim); mcfa.addchild(yukle); BitmapData sınıfı flash.display paketi içindeki BitmapData sınıfı yüklenen veya dinamik olarak oluşturulan bir bitmap görüntüsü içerisindeki piksellerin fotoğrafik anlık görüntüsüne benzetilebilir. Bu anlık görüntü, nesne içindeki piksel verilerinin dizisi ile ifade edilir. BitmapData sınıfı ayrıca piksel verisi oluşturma ve düzenleme için yardımcı olan bir dizi dahili yöntem içerir. Bir BitmapData nesnesi oluşturmak için aşağıdaki kodu kullanın: var mybitmap:bitmapdata = new BitmapData(width:Number, height:number, transparent:boolean, fillcolor:uinit); width ve height parametreleri bitmapin boyutunu belirler; her iki parametre için maksimum değer 2880 pikseldir. transparent parametresi, bitmap verisinin bir alfa kanalı içerip (true) içermeyeceğini (false) belirler. fillcolor parametresi arka plan rengini ve saydamlık değerini (true değeri verilmişse) belirleyen 32-bit renk değeridir. Aşağıdaki örnek yüzde 50 oranında saydam turuncu arka plana sahip bir BitmapData nesnesi oluşturur: var mybitmap:bitmapdata = new BitmapData(150, 150, true, 0x80FF3300); Yeni oluşturulan bir BitmapData nesnesini ekranda işlemek için, bir Bitmap örneğine atayın veya sarın. Bunu yapmak için, BitmapData nesnesini Bitmap nesnesinin yapıcısının bir parametresi olarak iletebilir veya varolan bir Bitmap örneğinin bitmapdata özelliğine atayabilirsiniz. Ayrıca görüntüleme nesnesi konteynerinin Bitmap örneği içeren addchild() veya addchildat() yöntemlerini çağırarak görüntüleme listesine Bitmap örneğini de eklemeniz gerekir. Görüntüleme listesi ile çalışma hakkında daha fazla bilgi için, Görüntüleme listesine görüntüleme nesneleri ekleme bölümünü inceleyin. Aşağıdaki örnek kırmızı dolgulu bir BitmapData nesnesi oluşturur ve bir Bitmap örneği içerisinde görüntüler.

5 var mybitmapdataobject:bitmapdata = new BitmapData(150, 150, false, 0xFF0000); var myimage:bitmap = new Bitmap(myBitmapDataObject); addchild(myimage); copypixels komutu copypixels(sourcebitmapdata:bitmapdata, sourcerect:rectangle, destpoint:point, alphabitmapdata:bitmapdata = null, alphapoint:point = null, mergealpha:boolean = false):void Uzatma, döndürme veya renk efektleri içermeyen görüntüler arasında piksel işleme eylemi gerçekleştirmek için hızlı bir yordam sağlar. Math.floor () komutu Sayıyı en yakın ve küçük pozitif tamsayıya yuvarlar. trace (Math.floor(25.8)); // 25 Negatif ondalıklı sayıyı, bir alt negatif tam sayıya çevirir. trace (Math.floor(-25.8)); // -26 Uygulamaya geçmeden önce klavye komutlarını tanıyalım: Klavye Olayları KeyboardEvent : Klavye olaylarını tanımlayan sınıf. keycode : Klavyeden basılan tuş bilgisini aldığımız komut. KeyboardEvent.KEY_DOWN : Klavyeden herhangi bir tuşa basılma anıdır. KeyboardEvent.KEY_UP : Klavyeden basılan herhangi bir tuşun bırakılma anıdır. Keyboard.UP : Klavyedeki yukarı yön tuşudur. Diğer tuşlar da aynı mantıkla kullanılır. Keyboard.DOWN : Klavyedeki aşağı yön tuşudur. Keyboard.RIGHT : Klavyedeki sağ yön tuşudur. Keyboard.LEFT : Klavyedeki sol yön tuşudur. Keyboard.A : Klavyedeki A tuşudur. Diğer tuşlar da aynı mantıkla kullanılır.

6 Klavye yön tuşlarıyla kontrol Flashı açalım ve sahneye bir kare çizelim, film klibi türünde sembole dönüştürelim ve örnek adını kare yapalım. Zaman çizelgesinde 1.kareye tıklayalım ve eylemler penceresini açıp aşağıdaki kodları yazalım: 1 import flash.events.keyboardevent; 2 function hareket(islem:keyboardevent):void 3 { 4 if(islem.keycode==keyboard.up) 5 { 6 kare.y=kare.y-10; 7 8 else if(islem.keycode==keyboard.down) 9 { 10 kare.y=kare.y+10; else if(islem.keycode==keyboard.left) 13 { 14 kare.x=kare.x-10; else if(islem.keycode==keyboard.right) 17 { 18 kare.x=kare.x+10; stage.addeventlistener(keyboardevent.key_down,hareket);