Adobe Flash CS6 Tangram Uygulaması Örneği indir swf fla
700X600 lük bir sahne açılır. (AS 2.0)
Sahneye bir resim eklenir.
Resim seçili iken CTRL+B yapılarak resim parçalanır.
Resim aşağıdaki gibi parçalanır. Resmi parçalamak için kullanılır.Resmi istediğiniz gibi bölebilirsiniz.
Tüm resimler bir araya toplanır. Parçalar tek tek Alt tuşu ile aşağıdaki gibi çoğaltılır.
Ben 5 parçaya ayırmıştım. Solda 5 parça ve sağda 5 parça bulunuyor.
Sağdaki parçalar tek tek seçilerek tek renk haline getirilir.
Aşağıdaki duruma getirilir.
Sağda renklendirdiğimiz tüm parçalar klibe dönüştürülür ve aşağıdaki gibi isimlendirilir.
Dağınık parçalar aşağıdaki gibi birleştirilir.
Soldaki parçalarda tek tek movie clip yapılır ve aşağıdaki gibi isimlendirilir. Ben şöyle yaptım. Sağdaki parça ismi p1 ise aynısını solda xp1, p2 ise xp2 olarak verdim. Diğerleri de aynı şekilde hazırladım.
Şimdi 1. Kareye F9 yaparız ve aşağıdaki kodları ekleriz. Kodlarda en altta sayılar var, bu sayılar sizin sahnenizdeki konuma göre değişir. Siz de buna göre değiştirin. Mesela p1 in koordinatları x=635 ve y=211 olduğundan alttaki kodlara ona göre yazdım.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 |
a1x=getProperty("/xp1",_x); a1y=getProperty("/xp1",_y); a2x=getProperty("/xp2",_x); a2y=getProperty("/xp2",_y); a3x=getProperty("/xp3",_x); a3y=getProperty("/xp3",_y); a4x=getProperty("/xp4",_x); a4y=getProperty("/xp4",_y); a5x=getProperty("/xp5",_x); a5y=getProperty("/xp5",_y); _root.xp1.onPress=function(){ startDrag(this); } _root.xp2.onPress=function(){ startDrag(this); } _root.xp3.onPress=function(){ startDrag(this); } _root.xp4.onPress=function(){ startDrag(this); } _root.xp5.onPress=function(){ startDrag(this); } _root.xp1.onRelease=function(){ stopDrag(); if (_root.xp1._droptarget=="/p1"){ xp1._x=635; xp1._y=211; }else{ xp1._x=a1x; xp1._y=a1y; } } _root.xp2.onRelease=function(){ stopDrag(); if (_root.xp2._droptarget=="/p2"){ xp2._x=531; xp2._y=211; }else{ xp2._x=a2x; xp2._y=a2y; } } _root.xp3.onRelease=function(){ stopDrag(); if (_root.xp3._droptarget=="/p3"){ xp3._x=601; xp3._y=100; }else{ xp3._x=a3x; xp3._y=a3y; } } _root.xp4.onRelease=function(){ stopDrag(); if (_root.xp4._droptarget=="/p4"){ xp4._x=451; xp4._y=220; }else{ xp4._x=a4x; xp4._y=a4y; } } _root.xp5.onRelease=function(){ stopDrag(); if (_root.xp5._droptarget=="/p5"){ xp5._x=470; xp5._y=109; }else{ xp5._x=a5x; xp5._y=a5y; } } |
Burada a1x, a1y diye verilen değişken isimleri sağdaki şekillerin koordinatlarıdır.
1 2 3 |
_root.xp1.onPress=function(){ startDrag(this); } |
komutları ile şekillere taşıma özelliği veriyoruz.
1 2 3 4 5 6 7 8 9 10 |
_root.xp4.onRelease=function(){ stopDrag(); if (_root.xp4._droptarget=="/p4"){ xp4._x=451; xp4._y=220; }else{ xp4._x=a4x; xp4._y=a4y; } } |
Yukarıdaki komutlarda ise taşıma işleminde yani fare ile sürükleme yaparken koordinatlar eşitlenirse if şartının altında verilen koordinatlara yerleştir diyoruz ve bunu her parça için uyguluyoruz.
Uygulamanın çalışan hali aşağıdadır.
[swf src=”https://www.duralitekelioglu.com/wp-content/uploads/dokumanlar/tangram.swf” width=400 height=300]