?> Flash Yazboz (Puzzle) Hazırlayalım Actionsscript 3.0 - photoders
Site » ActionScript 3.0

Flash Yazboz (Puzzle) Hazırlayalım Actionsscript 3.0

[ 15 Haz 2009 | 2 Yorum ]

photodersFlash çalışmamızda yazboz hazırlayacağız. Fotoğrafımızı parçalar haline getirip actionscript kod ekleyerek parçaları Mouse ile bir araya getireceğiz. Çalışmamıza başlayalım ilk olarak çalışmamızda kullanacağımız resmi açalım benim çalışmada kullanacağım resim 400×401 pixels . Background sayfamız biraz büyük olacak 800×600 olsun.

 


photoders
2-Sahnedeki resmimizi Modify>Break Apart Ctrl+B yapalım resmi işlenebilir hale getirelim.
photoders
3-Pen tool aracını kullanarak resmimizi parçalara ayıralım biraz uğraşmanız gerekecek biraz sabır göstermeniz gerekecek.
null
4-Her hazırladığımız parçayı seçili yapalım F8 movie clip yapalım name kısmına sırası ile 1,2,3,4,5,6,7,8,9 şekilde isimlendiriyoruz.
5-Parçalama sırasına göre hazırladığımız klipleri çalışma alanında bir araya getirelim tek, tek seçili yaparak instance name kısmına sıra ile isim girelim 1 nolu klip için instance name p1_mc verelim 2 nolu klip için p2_mc verelim bu sırayı takip ederek instance name isimlerini verelim sahnedeki kliplerden karışık bir şekil oluşturalım örnek resim.
photoders
6-yeni bir layer ekleyelim layer adını action layer yazalım. Ekli kodu eklemek için F9 Actions paneli açalım.

var pieces : Array = [p1_mc, p2_mc, p3_mc,
p4_mc, p5_mc,p6_mc,
p7_mc, p8_mc, p9_mc];

for (var i:int=0; i<pieces.length; i++) {
pieces[i].buttonMode = true;
pieces[i].addEventListener(MouseEvent.MOUSE_DOWN, startMove);
pieces[i].addEventListener(MouseEvent.MOUSE_UP, stopMove);
}

function startMove(evt:MouseEvent):void{
evt.target.startDrag();
}

function stopMove(evt:MouseEvent):void{
evt.target.stopDrag();
}

Çalışmamızı test edelim Ctrl+Enter

FLA İndir

Çalışmayı İzle

Etiket: ,

2 Yorum »

  • mustafa diyor'ki:
    19 Ara 2010 saat 06:42

    merhaba admin bu hazırladıgımız puzzle resmı ınternet sayfamıza koymak ıstıyoruz arkadasımla kendı yaptıgımızı ama html kodlarını nasıl alıncagını bılmıyorum flashtan yada nasıl koyabılırız yardımcı olursanız sevınırım

  • admin (author) diyor'ki:
    19 Ara 2010 saat 21:26

    Ekli kodu body arasına görünmesini istediğiniz yere ekleyebilirsiniz.

    	<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0&quot; width="800" height="600" id="puzzle_photoders" align="middle">
	<param name="allowScriptAccess" value="sameDomain" />
	<param name="allowFullScreen" value="false" />
	<param name="movie" value="puzzle.swf" />
	<param name="quality" value="high" />
	<param name="bgcolor" value="#333333" />
	<embed src="photoders.swf" quality="high" bgcolor="#333333" width="800" height="600" name="puzzle_photoders" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer&quot; />
	</object>

Yorum Yazın

Konuyla ilgili yorumlarınızı aşağıya yazabilir diğer okuyucularla paylaşabilirsiniz, yazıdan alıntı yapacak olursanız geribildirim yapmayı unutmayın.. Yazıdaki yorumları RSS olarak takip etmek için tıklayınız .

Yorum yazarken dikkat etmeniz gereken hususlar;

  • Spam ve reklam içerikli yorumlar silinecektir.
  • Yorumlar onay gerektirdiğinden birden fazla kez aynı yorumu yazmayınız.
  • Yorumlarınızın konu ile alakalı olmasına özen gösteriniz.
  • Küfür, hakaret etmenizin kimseye faydası olmadığını unutmayın.
  • Yorum yapmanız, onaylanacağı anlamına gelmemektedir. Buradaki hususlara dikkat etmeniz, onaylanma şansını artıracaktır.

    • Güvenlik Kodunun Resmi
    *

    Kapat
    E-posta ile paylaş