Grafik Animasyon (Flash) Puzzle Uygulaması

Kodla Büyü

glassic

Aktif Üye
Mesajlar
227
UYGULAMA : Bu uygulamada bir resmi Photoshop ile parçalara ayırıp, daha sonra Flash ile bu parçalardan tüm resmin oluşturulabildiği bir puzzle uygulaması yapacağız..

İşlem Basamakları :

-Bir resim dosyası seçip, Photoshop'ta bu resmi açın.
-Resmi eşit parçalara ayırmak için Dilim(Slice) aracını seçin.
-Resmin üzerinde sağ tuşla tıklayın. Dilimlere Ayır(Divide Slice) seçeneğini seçin.
-Yatay ve dikey parça sayısını girin. (örneğin 3x3 parça)
-Parçaları belirledikten sonra resmi "Web için kaydet(Save for Web)" seçeneği ile kaydedin.
-Kaydedilen yerdeki "images" klasörü içerisinde parçalı resimleri Flash'a aktarın. (İçe Aktar/Import seçeneği ile)
-Aktarılan tüm resim parçalarını F8 tuşu ile film klibine dönüştürün.
-Daha sonra her bir parçaya aşağıdaki eylemi ekleyin.

Kod:
on (press) {
startDrag(this);
}
on (release){
stopDrag();
}

-Yukarıdaki kod ile tüm parçalara sürükle-bırak özelliği eklenmiş olacaktır.
-Ayrıca parçaların uygun yere sürüklendiğinde otomatik tutunması/yerleştirilmesi (snap) için:
-Ekrandaki resim parçalarına ait film kliplerini sırasıyla isimlendirin. (örneğin r1,r2,r3...vb)
-Aynı resim parçalarını ikinci kez sahne alanına aktarın (içe aktar ile)
-Daha sonra bu parçaların alfa değerini %20 yapın. (İşlemlerin en sonunda %0 yapabilirsiniz)
-Bu parçaları ekranın ortasına düzgün bir şekilde yerleştirin ve orjinal şekli oluşturun.
-Bu parçaları sırasıyla isimlendirin. (örneğin p1,p2,p3...vb.)
-İlk eklenen resim parçalarının eylem kodlarına aşağıdakileri ekleyin. (stopDrag(); kodunun altına). Ekleme yaparken p1 ve r1 yerine her parçanın kendi numarasını yazın. (p2,r2 gibi)

Kod:
if (this._droptarget=="/p1"){
_root.r1._x=_root.p1._x;
_root.r1._y=_root.p1._y;
}

NOT : *ActionScript 2.0 ile denenmiştir. AS 3.0 da farklılıklar olabilir.
*Kodlarda büyük-küçük harfe dikkat ediniz.
 
Bu da benden olsun.
ActionScript 3.0 ile dizi değişkenler kullanılarak yapılmıştır. Kodlarla ilgili bilgi, kodlar içerisinde yorum olarak bulunmaktadır, kodların mantığını çözerseniz, bütün sürükle bırak tarzı oyunları, uygulamaları kolayca yapabilirsiniz. CS5'te hazırladım ama CS4 olarak kaydettim.
Şu an için eksiklikler, Puzzle'ı tamamladığında geri dönüt verme, ses çalma vs.
 

Ekli dosyalar

  • puzzle_oyunu_as3.rar
    1.5 MB · Görüntüleme: 932
ben bunu yaptım ama tutunmuyor, taşıyıp üzerine sürükleyebiliyoruz sorun yok ama doğru yere koyunca orda tutunmuyor nasıl olcak bu iş_?
 
germosa' Alıntı:
ben bunu yaptım ama tutunmuyor, taşıyıp üzerine sürükleyebiliyoruz sorun yok ama doğru yere koyunca orda tutunmuyor nasıl olcak bu iş_?
Bunu yaptım derken?
AS 3.0 ile yaptıysanız, nesne doğru yere sürüklenip, bırakıldıysa o nesneye addEventListener ile eklenmiş olan olayı removeEventListener ile silmeniz gerekir.
Diyelim ki sürüklenen nesnenin adı elma, sürüklenip bırakılacağı yerin adı da sepet olsun. Şöyle bir kod ile istediğinize ulaşabilirsiniz.
AS 3.0 ile yaparsanız, kodlar aşağıdaki gibi. Sahneye bir elma ve sepet çizin ve MovieClip sembollerine dönüştürün. Instance Name olarak elma ve sepet isimlerini verip, birinci frame'e tıklayıp, F9 ile actions panelini açıp, aşağıdaki kodları yazın.
Kod:
var eskiX = 0;
var eskiY = 0;
elma.addEventListener(MouseEvent.MOUSE_DOWN, surukle);
function surukle(e:MouseEvent) {
 eskiX = elma.x;
 eskiY = elma.y;
 elma.startDrag();
}

elma.addEventListener(MouseEvent.MOUSE_UP, birak);
function birak(e:MouseEvent) {
 elma.stopDrag();
 if (elma.hitTestObject(sepet)) {
   //nesne doğru yere bırakılmış
   elma.x = sepet.x;
   elma.y = sepet.y;
   elma.removeEventListener(MouseEvent.MOUSE_DOWN, surukle);
   elma.removeEventListener(MouseEvent.MOUSE_UP, birak);
 }else{
   elma.x = eskiX;
   elma.y = eskiY;
 }
}
 
klmno' Alıntı:
Resmi kodlar yardimiyla 3*3 biciminde parcalamamiz mumkun mu
Resmi harici olarak filmin içine yükleyip, parçalamak mı istiyorsunuz yoksa sahnede yer alan bir resmi mi parçalara ayırmak istiyorsunuz?
Parçalarken, oluşturulacak parçalar kare şeklinde mi olacak?
 
yakuphan' Alıntı:
klmno' Alıntı:
Resmi kodlar yardimiyla 3*3 biciminde parcalamamiz mumkun mu
Resmi harici olarak filmin içine yükleyip, parçalamak mı istiyorsunuz yoksa sahnede yer alan bir resmi mi parçalara ayırmak istiyorsunuz?
Parçalarken, oluşturulacak parçalar kare şeklinde mi olacak?

Disaridan resmi alip resmi 3*3 gibi parcalayip parcalanan bu resimlere gore puzzle okussun istiyorum
 
Geri
Üst