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.
-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)
NOT : *ActionScript 2.0 ile denenmiştir. AS 3.0 da farklılıklar olabilir.
*Kodlarda büyük-küçük harfe dikkat ediniz.
İş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.