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  flash-cs6-selection-toolkullanılır.Resmi istediğiniz gibi bölebilirsiniz.

flash-cs6-tangram-examples

Tüm resimler bir araya toplanır. Parçalar tek tek Alt tuşu ile aşağıdaki gibi çoğaltılır.

flash-cs6-tangram-ctrl-b

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.

flash-cs6-tangram-renklendirme

Aşağıdaki duruma getirilir.

flash-cs6-tangram-renklendirme-son

Sağda renklendirdiğimiz tüm parçalar klibe dönüştürülür ve aşağıdaki gibi isimlendirilir.

flash-cs6-tangram-movie-clip

Dağınık parçalar aşağıdaki gibi birleştirilir.

flash-cs6-tangram-movie-clip-birlestir

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.

flash-cs6-tangram-movie-clip-koordinatlar

[as]

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;
}
}

[/as]

Burada a1x, a1y diye verilen değişken isimleri sağdaki şekillerin koordinatlarıdır.

[as]

_root.xp1.onPress=function(){
startDrag(this);
}

[/as]

komutları ile şekillere taşıma özelliği veriyoruz.

[as]

_root.xp4.onRelease=function(){
stopDrag();
if (_root.xp4._droptarget==”/p4”){
xp4._x=451;
xp4._y=220;
}else{
xp4._x=a4x;
xp4._y=a4y;
}
}

[/as]

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]

FLA dosyasını indir