Selamun Aleyküm, merhaba, bu dersimde flash action script 3.0 ile yapboz yapımını anlatacağım.
İlk olarak resim düzenleme programlarında herhangi bir resmi istediğiniz parçaya bölünüz. Ben aşağıdaki resmi 2 parçaya böldüm. Anlatımı basit olsun diye 2 parça resimle yapacağım.
Fireworks programını kullanarak kestiğim resimleri tek tek kopyala yapıştır ile flash programının sahne içine yapıştırdım. Bu resimlerin örnek adına 1.parçaya r1, 2.parçanın örnek adına r2 yazdım. Bu isimlerle bu resimleri kullanacağız.
Sahneye yeni bir katman ekleyelim ve bu katmanı Katman 1'in altına taşıyalım. 2.katmana 1.katmandaki r1 ve r2 yi kopyalayalım. Bu kopyaladığımız resimlerin örnek adını da g1 ve g2 yapalım. Görüntü olarak kullanacağız. Yani yapbozun altında kılavuz resmi olarak kullanacağız. Katman 2'deki g1 örnek adlı birinci resmi seçelim ve özellikler penceresinden Renk Efekti bölümünden stil açılır menüsünden parlaklığı seçelim ve parlaklığı arttıralım resmimiz soluk görünecek, bu işlemi g2 içinde yapalım. g1 ve g2 yi sahnede istediğimiz yere yerleştirelim. Kaynak: www.mustafakarsli.com
Katman 1'de iken bir adet Metin Aracı ile dinamik metin oluşturalım ve örnek adını mesaj yapalım. Mesaj yazdırmak için kullanacağız.
Zaman çizelgesinde 1. kareye tıklayarak Eylemler penceresini açalım aşağıdaki kodları yazalım.
1 import flash.events.MouseEvent;
2 function surukle(Event:MouseEvent):void
3 {
4 r1.startDrag();
5 }
6 function birak(Event:MouseEvent):void
7 {
8 r1.stopDrag();
9...14.satırlarda, if yapısı ile r1'in x ve y koordinatlarını karşılaştırıyoruz. g1'in x ve y koordinatını baz alarak 10x10 luk bir alanda karşılaştırma yapıyoruz. Yani r1'in x koordinatı g1'in x koordinatına eşit veya 10 piksel uzaklıktaysa yani koordinata yakınsa ve y koordinatı da g1'in y koordinatına eşit veya 10 piksel uzaklıktaysa diye karşılaştırma yapıyoruz.
11.satırda, yukarıdaki if şartı sağlanıyorsa yani r1, g1'in koordinatına yakınsa mesaj nesnesinde 1.resim doğru yerde yazdırılıyor.
12.satırda, r1'in x koordinatı, g1'in x koordinatına eşitleniyor.
13.satırda, r1'in y koordinatı, g1'in y koordinatına eşitleniyor, böylece r1, g1'in üzerine oturtuluyor.
15...18.satırlarda, yukarıdaki if yapısı sağlanmıyorsa else yapısı devreye giriyor.
17.satırda, if değilse yani r1, g1'e yakın yerde değilse 1.resim yanlış yerde mesajı veriliyor.
20.satırda, r1'e fare olayı ekleniyor. Farenin tuşuna basılınca surukle fonksiyonu çalıştırılıyor.
21.satırda, r1'e fare olayı ekleniyor. Farenin basılan tuşu bırakılınca birak fonksiyonu çalıştırılıyor.
Buraya kadar sadece parça 1 (r1) içindi aynı adımlar (22...41.satırlar) parça 2 (r2) için de yapılıyor.
Tüm bu kodları yazdıktan sonra Ctrl+Enter ile uygulamayı çalıştırabilirsiniz. Aşağıdan da uygulamayı deneyebilirsiniz.
Bu mantıkla herhangi bir resim alınıp parça sayısı arttırılarak yapbozlar yapılabilir... Yeni derslerde görüşmek üzere sağlıcakla kalınız...
Mustafa KARSLIKaynak: www.mustafakarsli.com
( 9666 ) kez okundu - 07.05.2015
Flash Action Script 3 ile YapBoz Yapımı, yapboz yapımı, flash yapboz, actionscript3 yapboz, puzzle, flash puzzle, flash puzzle make, action script ile yapboz, mustafa karslı, animasyon
Ziyaretçi Yorumları
( 3 ) Yorum
CEYHUN - İSTANBUL - 15.05.2019 18.26
KEŞKE İNDİRİLİYOR OLABİLSEYDİ
emre karakaya - İstanbul - 17.04.2019 13.29
Merhabalar Hocam.Bu yazınızı çok beğendim.Başarılarınızın devamını dilerim.11.Sınınf öğrencisi olarak başarılarınızın devamını dilerim.
MADEM TÜRKSÜN GÖSTER ÜRKSÜN! YAŞASIN TURAN!
Faruk - istanbul - 26.12.2016 00.05
İyi akşamlar, ben üniversitesi 1. sınıf öğrencisiyim.
Grafik animasyonda hoca , bir resim çiziceksiniz ve onu en az 16 parçacıklara bölüp puzzle yapıcaksınız dedi.
Bende sizden yardım istecektım.
İyi akşamlar...