antalya web tasarım

Flash AS3 de kaynayan baloncuk uygulaması

Bu dersimizde FLASH CS4 kullanarak Actionscript 3.0 ile kaynayan su baloncukları yapacağız.

Yeni bir sayfa açıyoruz. Boyutları size kalmış. Ben 300×350 yapıyorum.

Background rengini #0066FF olarak ayarlıyoruz.

Sahneye aşağıdaki gibi bir daire çiziyoruz.

Dolgusunu aşağıdaki gibi Radial olarak belirliyoruz.

Soldan Sağa sırayla: #FFFFFF, #00CCFF, #0099FF.

Bu şekli F8 ile Movie Clip haline dönüştürüyoruz, ismine ben buble diyorum.

Şimdi yeni bir movie clip daha oluşturuyoruz ve bubles diye isimlendiriyoruz. İçine az önce oluşturduğumuz buble isimli movie clip’i sürüklüyoruz. Motion Tween yapacağız.

Yukarıdaki gibi yapıyoruz. İlk frame’de baloncuk altta iken 15. frame üzerine bir anahtar kare daha ekleyip baloncuğu yukarı taşıyoruz ve Color Effect panelinden Alpha=0 yapıyoruz. Şu durumda baloncuk aşağıdan yukarı doğru geliyor ve kayboluyor.

Bu movie clip’ten çıkıyoruz ve sahneye dönüyoruz. Henüz sahnede bir şey oluşturmadık, sahnemiz boş.

Library’e geliyoruz. En son oluşturduğumuz bubles isimli animasyondan oluşan movie clip’ sağ tıklıyoruz ve Properties seçiyoruz. Ayarları aşağıdaki resimdeki gibi yapıyoruz:

Şimdi sahnede ilk frame’e tıklıyor ve aşağıdaki kodları yazıyoruz.

var holder:Sprite = new Sprite();
addChild(holder);

for (var i:int; i<200; i++) {
	var arrayBuble:Array = new Array();
	holder.y = 400;
	arrayBuble[i]= new Bubels();
	holder.addChild(arrayBuble[i]);
	arrayBuble[i].x = Math.random()*stage.stageWidth;
	arrayBuble[i].scaleX = arrayBuble[i].scaleY = Math.random();

	arrayBuble[i].gotoAndPlay(Math.ceil(Math.random()*14));
}

Ctrl+Enter yapın ve sonuç:

[flash src=”http://www.sanalkurs.net/zip/baloncuk_2867.swf” width=”250″ height=”300″]

İyi çalışmalar…