<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Flash Dersleri</title>
	<atom:link href="http://www.flashdersleri.net/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.flashdersleri.net</link>
	<description>Biri ActionScript mi dedi?</description>
	<lastBuildDate>Sun, 07 Mar 2010 00:01:04 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Flash Ödülleri Başladı !</title>
		<link>http://www.flashdersleri.net/2010/03/07/flash-odulleri-basladi/</link>
		<comments>http://www.flashdersleri.net/2010/03/07/flash-odulleri-basladi/#comments</comments>
		<pubDate>Sun, 07 Mar 2010 00:01:04 +0000</pubDate>
		<dc:creator>Selçuk</dc:creator>
				<category><![CDATA[Featured Articles]]></category>
		<category><![CDATA[2010]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[odulleri]]></category>
		<category><![CDATA[site]]></category>
		<category><![CDATA[yarışması]]></category>

		<guid isPermaLink="false">http://www.flashdersleri.net/?p=1070</guid>
		<description><![CDATA[
Flash ile ilgili web tasarımcıları desteklemek ve flash’a teşvik amaçlı bu sene 3. sü düzenlenecek olan Ödüllü Flash Web Tasarım Yarışması olan Flash Ödülleri Başladı.
İlki Adobe ‘un Türkiyedeki Resmi Kullanıcı Grubu olan FlashArsivi.com tarafından 2008 yılında düzenlenen, 2.si de 2009 yılında bol ödül ve bol katılımla gerçekleşen yarışma 2010’da da büyük ilgi bekliyor.
Yarışmada ilk 10&#8242;a [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.flashdersleri.net/wp-content/uploads/2010/03/clip_image001.jpg"><img class="alignnone size-full wp-image-1071" title="clip_image001" src="http://www.flashdersleri.net/wp-content/uploads/2010/03/clip_image001.jpg" alt="" width="400" height="101" /></a></p>
<p>Flash ile ilgili web tasarımcıları desteklemek ve flash’a teşvik amaçlı bu sene 3. sü düzenlenecek olan Ödüllü Flash Web Tasarım Yarışması olan Flash Ödülleri Başladı.</p>
<p>İlki Adobe ‘un Türkiyedeki Resmi Kullanıcı Grubu olan FlashArsivi.com tarafından 2008 yılında düzenlenen, 2.si de 2009 yılında bol ödül ve bol katılımla gerçekleşen yarışma 2010’da da büyük ilgi bekliyor.</p>
<p>Yarışmada ilk 10&#8242;a girenlerede çeşitli hediyeler dağıtılyor.Ayrıca Adobe ve Creasist Bilişim gibi çeşitli büyük şirketlerin yer aldığı yarışmada sponsor arayışlarıda devam ediyor.</p>
<p>Tamamen ücretsiz olan yarışma da 1 mart da başvurular başladı ve 1 mayıs&#8217;a kadar süreceği belirtildi.Katılmak isteyen herkes için uzun bir zaman ayrılmış.</p>
<p>Katılmak isteyen veya detaylı bilgi almak isteyenler için yarışma sitesi ; www.flashodulleri.com</p>
]]></content:encoded>
			<wfw:commentRss>http://www.flashdersleri.net/2010/03/07/flash-odulleri-basladi/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Brick Breakers Oyunu Yapımı [Bölüm 3]</title>
		<link>http://www.flashdersleri.net/2010/02/18/brick-breakers-oyunu-yapimi-bolum-3/</link>
		<comments>http://www.flashdersleri.net/2010/02/18/brick-breakers-oyunu-yapimi-bolum-3/#comments</comments>
		<pubDate>Thu, 18 Feb 2010 14:40:15 +0000</pubDate>
		<dc:creator>Selçuk</dc:creator>
				<category><![CDATA[ActionScript 3.0]]></category>
		<category><![CDATA[as3 oyun dersi]]></category>
		<category><![CDATA[brick]]></category>
		<category><![CDATA[brick breakers oyunu yapımı]]></category>
		<category><![CDATA[brick oyunu]]></category>
		<category><![CDATA[flash oyun dersi]]></category>
		<category><![CDATA[flash oyun yapma]]></category>
		<category><![CDATA[oyun]]></category>
		<category><![CDATA[yapma]]></category>

		<guid isPermaLink="false">http://www.flashdersleri.net/?p=1049</guid>
		<description><![CDATA[Merhaba,
Buraya kadar engel&#8217;i ve top&#8217;u programladık.Şimdi ise oyuna adını da veren brickleri programlamaya başlıyacağız.Bu aşama diğerlerinden daha zor olduğu için 2 ye böldüm.Bu derste sadece brickleri sahneye nası ekliyeceğimizi göreceğiz.Hadi başlayalım&#8230;
Öncelikle nasıl brickleri sahneye ekliyeceğiz ona bakalım.Bunun için bir dizi değişken kullanacağız.Sadece 2 farklı sayıyla (1 ve 0) basitçe halledeceğiz.1 brick sahnede 0 sahnede değil [...]]]></description>
			<content:encoded><![CDATA[<p>Merhaba,</p>
<p>Buraya kadar engel&#8217;i ve top&#8217;u programladık.Şimdi ise oyuna adını da veren brickleri programlamaya başlıyacağız.Bu aşama diğerlerinden daha zor olduğu için 2 ye böldüm.Bu derste sadece brickleri sahneye nası ekliyeceğimizi göreceğiz.Hadi başlayalım&#8230;</p>
<p>Öncelikle nasıl brickleri sahneye ekliyeceğiz ona bakalım.Bunun için bir dizi değişken kullanacağız.Sadece 2 farklı sayıyla (1 ve 0) basitçe halledeceğiz.1 brick sahnede 0 sahnede değil anlamına gelecektir.Mesela aşağıda ki bir bricks sırası örneği ;</p>

<div class="wp_syntax"><div class="code"><pre class="actionscript3" style="font-family:monospace;">lvlDizi<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Array</span> = <span style="color: #004993; font-weight: bold;">new</span> <span style="color: #004993;">Array</span> <span style="color: #000000;">&#40;</span><span style="color: #000000; font-weight:bold;">1</span>,<span style="color: #000000; font-weight:bold;">1</span>,<span style="color: #000000; font-weight:bold;">1</span>,<span style="color: #000000; font-weight:bold;">1</span>,<span style="color: #000000; font-weight:bold;">1</span>,<span style="color: #000000; font-weight:bold;">1</span>,<span style="color: #000000; font-weight:bold;">1</span><span style="color: #000000;">&#41;</span>;</pre></div></div>

<p>Tabiki yukardaki kod bi işimize yaramayacaktır,biz bricklerimizi fonksiyon yardımıyla oluşturacağız.Brick için ben 70&#215;15 boyutlarında bir kare çizdim.Bunu movieClip&#8217;e çevirelim yalnız aşağıdaki resmi dikkate alarak bunu yapın ;</p>
<p><a href="http://www.flashdersleri.net/wp-content/uploads/2010/02/brick.jpg"><img class="alignnone size-full wp-image-1054" title="brick" src="http://www.flashdersleri.net/wp-content/uploads/2010/02/brick.jpg" alt="" width="411" height="524" /></a></p>
<p>lvlOlustur() isimli bir fonksiyon tanımlayacağız.Ancak bir kaç değer&#8217;e(değişken&#8217;e) ihtiyacımız var.Kullanıcı her level de yenilenmesini istemiyoruz.Bu yüzden aşağıdaki resimdeki gibi bir frame daha oluşturuyoruz ;</p>
<p><a href="http://www.flashdersleri.net/wp-content/uploads/2010/02/brick-breakers8.jpg"><img class="alignnone size-full wp-image-1051" title="brick-breakers8" src="http://www.flashdersleri.net/wp-content/uploads/2010/02/brick-breakers8.jpg" alt="" width="197" height="43" /></a></p>
<p>İlk frame deki kodlar ;</p>

<div class="wp_syntax"><div class="code"><pre class="actionscript3" style="font-family:monospace;"><span style="color: #E0E0E0;">//Başlangıç level'i</span>
<span style="color: #004993; font-weight: bold;">var</span> anaDuzey<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Number</span> = <span style="color: #000000; font-weight:bold;">1</span>;
<span style="color: #E0E0E0;">//Dizi şekli 1.level'in</span>
<span style="color: #004993; font-weight: bold;">var</span> lvlKod<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Array</span> = <span style="color: #004993; font-weight: bold;">new</span> <span style="color: #004993;">Array</span><span style="color: #000000;">&#40;</span><span style="color: #000000; font-weight:bold;">1</span>,<span style="color: #000000; font-weight:bold;">1</span>,<span style="color: #000000; font-weight:bold;">1</span>,<span style="color: #000000; font-weight:bold;">1</span>,<span style="color: #000000; font-weight:bold;">1</span>,<span style="color: #000000; font-weight:bold;">1</span>,<span style="color: #000000; font-weight:bold;">1</span><span style="color: #000000;">&#41;</span>;
<span style="color: #E0E0E0;">//Tüm leveller için dizi</span>
<span style="color: #004993; font-weight: bold;">var</span> lvlDizi<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Array</span> = <span style="color: #004993; font-weight: bold;">new</span> <span style="color: #004993;">Array</span><span style="color: #000000;">&#40;</span>lvlKod<span style="color: #000000;">&#41;</span>;</pre></div></div>

<p>Ayrıca 2.frame&#8217;in en başına yani oyun frame&#8217;ine bir stop(); komutu ekleyin.Yoksa oyun oynanmıyacak şekilde döngü gibi 1 ve 2. framelerde gidip gelecektir.</p>
<p>Şimdi oyun frame&#8217;ine gelelim.lvlOlustur() fonksiyonumuzu yazmaya başlayalım ;</p>

<div class="wp_syntax"><div class="code"><pre class="actionscript3" style="font-family:monospace;"><span style="color: #004993; font-weight: bold;">function</span> lvlOlustur<span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span><span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993; font-weight: bold;">void</span>
<span style="color: #000000;">&#123;</span>
	<span style="color: #E0E0E0;">//Dizilerin index numaraso 0'dan başladığı için anaDuzey-1</span>
	<span style="color: #E0E0E0;">//olarak yapacağız.</span>
	<span style="color: #004993; font-weight: bold;">var</span> diziUzunlugu<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">int</span> = lvlDizi<span style="color: #000000;">&#91;</span>anaDuzey<span style="color: #000000; font-weight: bold;">-</span><span style="color: #000000; font-weight:bold;">1</span><span style="color: #000000;">&#93;</span>.<span style="color: #004993;">length</span>;
	<span style="color: #E0E0E0;">//Ana brick sırasını oluşturuyoruz</span>
	<span style="color: #004993; font-weight: bold;">var</span> brickSira<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">int</span> = <span style="color: #000000; font-weight:bold;">0</span>;
	<span style="color: #E0E0E0;">//Brickleri sahneye yerleştirmek için döngü kullanıyoruz</span>
	<span style="color: #004993; font-weight: bold;">for</span><span style="color: #000000;">&#40;</span><span style="color: #004993; font-weight: bold;">var</span> i<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">int</span> = <span style="color: #000000; font-weight:bold;">0</span>;i<span style="color: #000000; font-weight: bold;">&lt;</span>diziUzunlugu;i<span style="color: #000000; font-weight: bold;">++</span><span style="color: #000000;">&#41;</span>
	<span style="color: #000000;">&#123;</span>
		<span style="color: #E0E0E0;">//Brick sırasını kontrol ediyoruz</span>
		<span style="color: #004993; font-weight: bold;">if</span><span style="color: #000000;">&#40;</span>lvlDizi<span style="color: #000000;">&#91;</span>anaDuzey<span style="color: #000000; font-weight: bold;">-</span><span style="color: #000000; font-weight:bold;">1</span><span style="color: #000000;">&#93;</span><span style="color: #000000;">&#91;</span>i<span style="color: #000000;">&#93;</span> == <span style="color: #000000; font-weight:bold;">1</span><span style="color: #000000;">&#41;</span>
		<span style="color: #000000;">&#123;</span>
			<span style="color: #E0E0E0;">//Brick oluşturuyoruz</span>
			<span style="color: #004993; font-weight: bold;">var</span> brick<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">MovieClip</span> = <span style="color: #004993; font-weight: bold;">new</span> mcBrick<span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>;
			<span style="color: #E0E0E0;">//Brick kordinatlarını veriyoruz</span>
			brick.<span style="color: #004993;">x</span> = <span style="color: #000000; font-weight:bold;">15</span><span style="color: #000000; font-weight: bold;">+</span><span style="color: #000000;">&#40;</span>i<span style="color: #000000; font-weight: bold;">-</span>brickSira<span style="color: #000000; font-weight: bold;">*</span><span style="color: #000000; font-weight:bold;">7</span><span style="color: #000000;">&#41;</span><span style="color: #000000; font-weight: bold;">*</span><span style="color: #000000; font-weight:bold;">75</span>;
			brick.<span style="color: #004993;">y</span> = <span style="color: #000000; font-weight:bold;">10</span><span style="color: #000000; font-weight: bold;">+</span>brickSira<span style="color: #000000; font-weight: bold;">*</span><span style="color: #000000; font-weight:bold;">20</span>;
			<span style="color: #E0E0E0;">//Yeni sıra kontrolü</span>
			<span style="color: #004993; font-weight: bold;">for</span><span style="color: #000000;">&#40;</span><span style="color: #004993; font-weight: bold;">var</span> <span style="color: #004993;">c</span><span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">int</span>=<span style="color: #000000; font-weight:bold;">1</span>;c<span style="color: #000000; font-weight: bold;">&lt;</span>=<span style="color: #000000; font-weight:bold;">10</span>;c<span style="color: #000000; font-weight: bold;">++</span><span style="color: #000000;">&#41;</span>
			<span style="color: #000000;">&#123;</span>
				<span style="color: #004993; font-weight: bold;">if</span><span style="color: #000000;">&#40;</span>i==<span style="color: #004993;">c</span><span style="color: #000000; font-weight: bold;">*</span><span style="color: #000000; font-weight:bold;">7</span><span style="color: #000000; font-weight: bold;">-</span><span style="color: #000000; font-weight:bold;">1</span><span style="color: #000000;">&#41;</span>
				<span style="color: #000000;">&#123;</span>
					brickSira<span style="color: #000000; font-weight: bold;">++</span>;
				<span style="color: #000000;">&#125;</span>
			<span style="color: #000000;">&#125;</span>
			<span style="color: #E0E0E0;">//Brick'i sahneye ekliyoruz</span>
			<span style="color: #004993;">addChild</span><span style="color: #000000;">&#40;</span>brick<span style="color: #000000;">&#41;</span>;
		<span style="color: #000000;">&#125;</span>
	<span style="color: #000000;">&#125;</span>
<span style="color: #000000;">&#125;</span></pre></div></div>

<p>Şimdi tek yapmanız gereken lvlOlustur(); fonksiyonunu baslat fonksiyonu içerisinde çalıştırmak.Birdaha ki derste bricklerle topu etkileşime geçireceğiz.Dosyanın son halindeki kodları ve swf halini aşağıda görebilirsiniz&#8230;</p>
<h3>İlk Framedeki Kodlar ;</h3>

<div class="wp_syntax"><div class="code"><pre class="actionscript3" style="font-family:monospace;"><span style="color: #E0E0E0;">//Başlangıç level'i</span>
<span style="color: #004993; font-weight: bold;">var</span> anaDuzey<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Number</span> = <span style="color: #000000; font-weight:bold;">1</span>;
<span style="color: #E0E0E0;">//Dizi şekli 1.level'in</span>
<span style="color: #004993; font-weight: bold;">var</span> lvlKod<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Array</span> = <span style="color: #004993; font-weight: bold;">new</span> <span style="color: #004993;">Array</span><span style="color: #000000;">&#40;</span><span style="color: #000000; font-weight:bold;">1</span>,<span style="color: #000000; font-weight:bold;">1</span>,<span style="color: #000000; font-weight:bold;">1</span>,<span style="color: #000000; font-weight:bold;">1</span>,<span style="color: #000000; font-weight:bold;">1</span>,<span style="color: #000000; font-weight:bold;">1</span>,<span style="color: #000000; font-weight:bold;">1</span><span style="color: #000000;">&#41;</span>;
<span style="color: #E0E0E0;">//Tüm leveller için dizi</span>
<span style="color: #004993; font-weight: bold;">var</span> lvlDizi<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Array</span> = <span style="color: #004993; font-weight: bold;">new</span> <span style="color: #004993;">Array</span><span style="color: #000000;">&#40;</span>lvlKod<span style="color: #000000;">&#41;</span>;</pre></div></div>

<h3>Oyun Frameindeki Kodlar ;</h3>

<div class="wp_syntax"><div class="code"><pre class="actionscript3" style="font-family:monospace;"><span style="color: #004993;">stop</span><span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>;
&nbsp;
<span style="color: #004993; font-weight: bold;">var</span> topXHizi<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Number</span> = <span style="color: #000000; font-weight:bold;">10</span>; <span style="color: #E0E0E0;">//Top X hızı</span>
<span style="color: #004993; font-weight: bold;">var</span> topYHizi<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Number</span> = <span style="color: #000000; font-weight:bold;">10</span>; <span style="color: #E0E0E0;">//Top Y hızı</span>
&nbsp;
<span style="color: #E0E0E0;">//Öncelikle bir ana fonksiyon oluşturacağız.</span>
<span style="color: #E0E0E0;">//Bu fonksiyon oyunumuzu başlatmak için kullanılacak.</span>
<span style="color: #E0E0E0;">//Gerekli olan şeyleri buradan başlatacağız.</span>
<span style="color: #004993; font-weight: bold;">function</span> baslat<span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span><span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993; font-weight: bold;">void</span>
<span style="color: #000000;">&#123;</span>
	<span style="color: #E0E0E0;">//Engel'imizin mouse'u sürekli takip etmesi için</span>
	<span style="color: #E0E0E0;">//Enter Frame olayını kullanacağız.</span>
	mcEngel.<span style="color: #004993;">addEventListener</span><span style="color: #000000;">&#40;</span><span style="color: #004993;">Event</span>.<span style="color: #004993;">ENTER_FRAME</span>,hareketEngel<span style="color: #000000;">&#41;</span>;
	<span style="color: #E0E0E0;">//Sürekli topu kontrol etmek için Enter Frame</span>
	<span style="color: #E0E0E0;">//Olay dinleyicisini kullanıyoruz...</span>
	mcTop.<span style="color: #004993;">addEventListener</span><span style="color: #000000;">&#40;</span><span style="color: #004993;">Event</span>.<span style="color: #004993;">ENTER_FRAME</span>,hareketTop<span style="color: #000000;">&#41;</span>;
	<span style="color: #E0E0E0;">//Level oluşturuluyor</span>
	lvlOlustur<span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>;
<span style="color: #000000;">&#125;</span>
&nbsp;
<span style="color: #004993; font-weight: bold;">function</span> hareketEngel<span style="color: #000000;">&#40;</span>evt<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Event</span><span style="color: #000000;">&#41;</span><span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993; font-weight: bold;">void</span>
<span style="color: #000000;">&#123;</span>
	<span style="color: #E0E0E0;">//Engel'in x değerini mouse'un x değerine eşitliyoruz.</span>
	mcEngel.<span style="color: #004993;">x</span> = <span style="color: #004993;">mouseX</span>;
	<span style="color: #E0E0E0;">//Eğer mouse sol taraftan taşarsa ;</span>
	<span style="color: #004993; font-weight: bold;">if</span><span style="color: #000000;">&#40;</span><span style="color: #004993;">mouseX</span> <span style="color: #000000; font-weight: bold;">&lt;</span> mcEngel.<span style="color: #004993;">width</span><span style="color: #000000; font-weight: bold;">/</span><span style="color: #000000; font-weight:bold;">2</span><span style="color: #000000;">&#41;</span>
	<span style="color: #000000;">&#123;</span>
		mcEngel.<span style="color: #004993;">x</span> = <span style="color: #000000; font-weight:bold;">27.5</span>;
	<span style="color: #000000;">&#125;</span>
	<span style="color: #E0E0E0;">//Eğer mouse sağ taraftan taşarsa ;</span>
	<span style="color: #004993; font-weight: bold;">if</span><span style="color: #000000;">&#40;</span><span style="color: #004993;">mouseX</span> <span style="color: #000000; font-weight: bold;">&gt;</span> <span style="color: #004993;">stage</span>.<span style="color: #004993;">stageWidth</span> <span style="color: #000000; font-weight: bold;">-</span> mcEngel.<span style="color: #004993;">width</span><span style="color: #000000; font-weight: bold;">/</span><span style="color: #000000; font-weight:bold;">2</span><span style="color: #000000;">&#41;</span>
	<span style="color: #000000;">&#123;</span>
		mcEngel.<span style="color: #004993;">x</span> = <span style="color: #004993;">stage</span>.<span style="color: #004993;">stageWidth</span> <span style="color: #000000; font-weight: bold;">-</span> mcEngel.<span style="color: #004993;">width</span> <span style="color: #000000; font-weight: bold;">+</span> <span style="color: #000000; font-weight:bold;">27.5</span>;
	<span style="color: #000000;">&#125;</span>
<span style="color: #000000;">&#125;</span>
&nbsp;
<span style="color: #004993; font-weight: bold;">function</span> hareketTop<span style="color: #000000;">&#40;</span>evt<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Event</span><span style="color: #000000;">&#41;</span><span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993; font-weight: bold;">void</span>
<span style="color: #000000;">&#123;</span>
	<span style="color: #E0E0E0;">//Top hareket kodları</span>
	mcTop.<span style="color: #004993;">x</span> <span style="color: #000000; font-weight: bold;">+</span>= topXHizi;
	mcTop.<span style="color: #004993;">y</span> <span style="color: #000000; font-weight: bold;">+</span>= topYHizi;
&nbsp;
	<span style="color: #E0E0E0;">//Top kontrolleri</span>
	<span style="color: #004993; font-weight: bold;">if</span><span style="color: #000000;">&#40;</span>mcTop.<span style="color: #004993;">x</span> <span style="color: #000000; font-weight: bold;">&gt;</span>= <span style="color: #004993;">stage</span>.stageWidth<span style="color: #000000; font-weight: bold;">-</span>mcTop.<span style="color: #004993;">width</span><span style="color: #000000;">&#41;</span>
	<span style="color: #000000;">&#123;</span>
		<span style="color: #E0E0E0;">//Top sağ duvara çarptığında tersine çeviriyoruz</span>
		topXHizi <span style="color: #000000; font-weight: bold;">*</span>= <span style="color: #000000; font-weight: bold;">-</span><span style="color: #000000; font-weight:bold;">1</span>;
	<span style="color: #000000;">&#125;</span>
	<span style="color: #004993; font-weight: bold;">if</span><span style="color: #000000;">&#40;</span>mcTop.<span style="color: #004993;">x</span> <span style="color: #000000; font-weight: bold;">&lt;</span>= <span style="color: #000000; font-weight:bold;">0</span><span style="color: #000000;">&#41;</span>
	<span style="color: #000000;">&#123;</span>
		<span style="color: #E0E0E0;">//Top sol duvara çarptığında tersine çeviriyoruz</span>
		topXHizi <span style="color: #000000; font-weight: bold;">*</span>= <span style="color: #000000; font-weight: bold;">-</span><span style="color: #000000; font-weight:bold;">1</span>;
	<span style="color: #000000;">&#125;</span>
	<span style="color: #004993; font-weight: bold;">if</span><span style="color: #000000;">&#40;</span>mcTop.<span style="color: #004993;">y</span> <span style="color: #000000; font-weight: bold;">&gt;</span>= <span style="color: #004993;">stage</span>.stageHeight<span style="color: #000000; font-weight: bold;">-</span>mcTop.<span style="color: #004993;">height</span><span style="color: #000000;">&#41;</span>
	<span style="color: #000000;">&#123;</span>
		<span style="color: #E0E0E0;">//Top alt duvara çarptığında tersine çeviriyoruz</span>
		topYHizi <span style="color: #000000; font-weight: bold;">*</span>= <span style="color: #000000; font-weight: bold;">-</span><span style="color: #000000; font-weight:bold;">1</span>;
	<span style="color: #000000;">&#125;</span>
	<span style="color: #004993; font-weight: bold;">if</span><span style="color: #000000;">&#40;</span>mcTop.<span style="color: #004993;">y</span> <span style="color: #000000; font-weight: bold;">&lt;</span>= <span style="color: #000000; font-weight:bold;">0</span><span style="color: #000000;">&#41;</span>
	<span style="color: #000000;">&#123;</span>
		<span style="color: #E0E0E0;">//Top üst duvara çarptığında tersine çeviriyoruz</span>
		topYHizi <span style="color: #000000; font-weight: bold;">*</span>= <span style="color: #000000; font-weight: bold;">-</span><span style="color: #000000; font-weight:bold;">1</span>;
	<span style="color: #000000;">&#125;</span>
	<span style="color: #004993; font-weight: bold;">if</span><span style="color: #000000;">&#40;</span>mcTop.<span style="color: #004993;">hitTestObject</span><span style="color: #000000;">&#40;</span>mcEngel<span style="color: #000000;">&#41;</span><span style="color: #000000;">&#41;</span>
	<span style="color: #000000;">&#123;</span>
		hesaplaTopEngel<span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>;
	<span style="color: #000000;">&#125;</span>
<span style="color: #000000;">&#125;</span>
&nbsp;
<span style="color: #004993; font-weight: bold;">function</span> hesaplaTopEngel<span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span><span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993; font-weight: bold;">void</span>
<span style="color: #000000;">&#123;</span>
	<span style="color: #E0E0E0;">//topYeri : Topun engel üzerindeki yeri</span>
	<span style="color: #004993; font-weight: bold;">var</span> topYeri<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Number</span> = mcTop.<span style="color: #004993;">x</span> <span style="color: #000000; font-weight: bold;">-</span> mcEngel.<span style="color: #004993;">x</span>;
	<span style="color: #E0E0E0;">//yerYuzde : Topun engel üzerindeki yüzdelik değeri</span>
	<span style="color: #E0E0E0;">//Top engelde sol taraftaysa -.5</span>
	<span style="color: #E0E0E0;">//Top engelde sağ taraftaysa .5</span>
	<span style="color: #E0E0E0;">//Ortada ise 0 çıkacaktır formülü kağıt kalemle hesaplarsanız</span>
	<span style="color: #E0E0E0;">//daha iyi anlayabilirsiniz...</span>
	<span style="color: #004993; font-weight: bold;">var</span> yerYuzde<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Number</span> = <span style="color: #000000;">&#40;</span>topYeri<span style="color: #000000; font-weight: bold;">/</span><span style="color: #000000;">&#40;</span>mcEngel.width<span style="color: #000000; font-weight: bold;">-</span>mcTop.<span style="color: #004993;">width</span><span style="color: #000000;">&#41;</span><span style="color: #000000;">&#41;</span><span style="color: #000000; font-weight: bold;">-</span>.5;
	<span style="color: #E0E0E0;">//yerYuzde değerini büyütüyoruz gerçekten bir</span>
	<span style="color: #E0E0E0;">//zıplayış olsun diye</span>
	topXHizi = yerYuzde <span style="color: #000000; font-weight: bold;">*</span> <span style="color: #000000; font-weight:bold;">10</span>;
	<span style="color: #E0E0E0;">//Topun yönünü tersine çeviriyoruz</span>
	topYHizi <span style="color: #000000; font-weight: bold;">*</span>= <span style="color: #000000; font-weight: bold;">-</span><span style="color: #000000; font-weight:bold;">1</span>;
<span style="color: #000000;">&#125;</span>
&nbsp;
<span style="color: #004993; font-weight: bold;">function</span> lvlOlustur<span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span><span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993; font-weight: bold;">void</span>
<span style="color: #000000;">&#123;</span>
	<span style="color: #E0E0E0;">//Dizilerin index numaraso 0'dan başladığı için anaDuzey-1</span>
	<span style="color: #E0E0E0;">//olarak yapacağız.</span>
	<span style="color: #004993; font-weight: bold;">var</span> diziUzunlugu<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">int</span> = lvlDizi<span style="color: #000000;">&#91;</span>anaDuzey<span style="color: #000000; font-weight: bold;">-</span><span style="color: #000000; font-weight:bold;">1</span><span style="color: #000000;">&#93;</span>.<span style="color: #004993;">length</span>;
	<span style="color: #E0E0E0;">//Ana brick sırasını oluşturuyoruz</span>
	<span style="color: #004993; font-weight: bold;">var</span> brickSira<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">int</span> = <span style="color: #000000; font-weight:bold;">0</span>;
	<span style="color: #E0E0E0;">//Brickleri sahneye yerleştirmek için döngü kullanıyoruz</span>
	<span style="color: #004993; font-weight: bold;">for</span><span style="color: #000000;">&#40;</span><span style="color: #004993; font-weight: bold;">var</span> i<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">int</span> = <span style="color: #000000; font-weight:bold;">0</span>;i<span style="color: #000000; font-weight: bold;">&lt;</span>diziUzunlugu;i<span style="color: #000000; font-weight: bold;">++</span><span style="color: #000000;">&#41;</span>
	<span style="color: #000000;">&#123;</span>
		<span style="color: #E0E0E0;">//Brick sırasını kontrol ediyoruz</span>
		<span style="color: #004993; font-weight: bold;">if</span><span style="color: #000000;">&#40;</span>lvlDizi<span style="color: #000000;">&#91;</span>anaDuzey<span style="color: #000000; font-weight: bold;">-</span><span style="color: #000000; font-weight:bold;">1</span><span style="color: #000000;">&#93;</span><span style="color: #000000;">&#91;</span>i<span style="color: #000000;">&#93;</span> == <span style="color: #000000; font-weight:bold;">1</span><span style="color: #000000;">&#41;</span>
		<span style="color: #000000;">&#123;</span>
			<span style="color: #E0E0E0;">//Brick oluşturuyoruz</span>
			<span style="color: #004993; font-weight: bold;">var</span> brick<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">MovieClip</span> = <span style="color: #004993; font-weight: bold;">new</span> mcBrick<span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>;
			<span style="color: #E0E0E0;">//Brick kordinatlarını veriyoruz</span>
			brick.<span style="color: #004993;">x</span> = <span style="color: #000000; font-weight:bold;">15</span><span style="color: #000000; font-weight: bold;">+</span><span style="color: #000000;">&#40;</span>i<span style="color: #000000; font-weight: bold;">-</span>brickSira<span style="color: #000000; font-weight: bold;">*</span><span style="color: #000000; font-weight:bold;">7</span><span style="color: #000000;">&#41;</span><span style="color: #000000; font-weight: bold;">*</span><span style="color: #000000; font-weight:bold;">75</span>;
			brick.<span style="color: #004993;">y</span> = <span style="color: #000000; font-weight:bold;">10</span><span style="color: #000000; font-weight: bold;">+</span>brickSira<span style="color: #000000; font-weight: bold;">*</span><span style="color: #000000; font-weight:bold;">20</span>;
			<span style="color: #E0E0E0;">//Yeni sıra kontrolü</span>
			<span style="color: #004993; font-weight: bold;">for</span><span style="color: #000000;">&#40;</span><span style="color: #004993; font-weight: bold;">var</span> <span style="color: #004993;">c</span><span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">int</span>=<span style="color: #000000; font-weight:bold;">1</span>;c<span style="color: #000000; font-weight: bold;">&lt;</span>=<span style="color: #000000; font-weight:bold;">10</span>;c<span style="color: #000000; font-weight: bold;">++</span><span style="color: #000000;">&#41;</span>
			<span style="color: #000000;">&#123;</span>
				<span style="color: #004993; font-weight: bold;">if</span><span style="color: #000000;">&#40;</span>i==<span style="color: #004993;">c</span><span style="color: #000000; font-weight: bold;">*</span><span style="color: #000000; font-weight:bold;">7</span><span style="color: #000000; font-weight: bold;">-</span><span style="color: #000000; font-weight:bold;">1</span><span style="color: #000000;">&#41;</span>
				<span style="color: #000000;">&#123;</span>
					brickSira<span style="color: #000000; font-weight: bold;">++</span>;
				<span style="color: #000000;">&#125;</span>
			<span style="color: #000000;">&#125;</span>
			<span style="color: #E0E0E0;">//Brick'i sahneye ekliyoruz</span>
			<span style="color: #004993;">addChild</span><span style="color: #000000;">&#40;</span>brick<span style="color: #000000;">&#41;</span>;
		<span style="color: #000000;">&#125;</span>
	<span style="color: #000000;">&#125;</span>
<span style="color: #000000;">&#125;</span>
&nbsp;
baslat<span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>;</pre></div></div>

<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="550" height="440" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="http://www.flashdersleri.net/wp-content/uploads/2010/02/brick-breakers2.swf" /><embed type="application/x-shockwave-flash" width="550" height="440" src="http://www.flashdersleri.net/wp-content/uploads/2010/02/brick-breakers2.swf"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://www.flashdersleri.net/2010/02/18/brick-breakers-oyunu-yapimi-bolum-3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Brick Breakers Oyunu Yapımı [Bölüm 2]</title>
		<link>http://www.flashdersleri.net/2010/02/13/brick-breakers-oyunu-yapimi-bolum-2/</link>
		<comments>http://www.flashdersleri.net/2010/02/13/brick-breakers-oyunu-yapimi-bolum-2/#comments</comments>
		<pubDate>Sat, 13 Feb 2010 17:31:02 +0000</pubDate>
		<dc:creator>Selçuk</dc:creator>
				<category><![CDATA[ActionScript 3.0]]></category>
		<category><![CDATA[as3 game]]></category>
		<category><![CDATA[as3 game tutorial]]></category>
		<category><![CDATA[as3 oyun dersi]]></category>
		<category><![CDATA[brick breakers oyunu yapımı]]></category>
		<category><![CDATA[brick oyunu]]></category>
		<category><![CDATA[flash oyun yapma]]></category>

		<guid isPermaLink="false">http://www.flashdersleri.net/?p=951</guid>
		<description><![CDATA[Merhaba ,
Bu dersimizde oyunumuz için bir top programlıyacağız.10&#215;10 boyutlarında mcTop adında bir daire çizip MovieClip&#8217;e çevirdim.instance name değerine de mcTop yazdım.

Şimdi baslat() fonskiyonumuzun içerisine aşağıdaki olay dinleyicisini ekliyoruz;

	//Sürekli topu kontrol etmek için Enter Frame
	//Olay dinleyicisini kullanıyoruz...
	mcTop.addEventListener&#40;Event.ENTER_FRAME,hareketTop&#41;;

Sonra dışarda hareketTop fonskiyonumuzu oluşturalım ;

function hareketTop&#40;evt:Event&#41;:void
&#123;
	//Top hareket kodları
&#125;

hareketTop fonksiyonunu yazmadan önce 2 tane değişkene ihtiyacımız var.Topun x ve y [...]]]></description>
			<content:encoded><![CDATA[<p>Merhaba ,</p>
<p>Bu dersimizde oyunumuz için bir top programlıyacağız.10&#215;10 boyutlarında mcTop adında bir daire çizip MovieClip&#8217;e çevirdim.instance name değerine de mcTop yazdım.</p>
<p><img class="alignnone" title="breakbreakers3" src="http://www.flashdersleri.net/wp-content/uploads/2010/02/break-breakers3.jpg" alt="" width="445" height="141" /></p>
<p>Şimdi baslat() fonskiyonumuzun içerisine aşağıdaki olay dinleyicisini ekliyoruz;</p>

<div class="wp_syntax"><div class="code"><pre class="actionscript3" style="font-family:monospace;">	<span style="color: #E0E0E0;">//Sürekli topu kontrol etmek için Enter Frame</span>
	<span style="color: #E0E0E0;">//Olay dinleyicisini kullanıyoruz...</span>
	mcTop.<span style="color: #004993;">addEventListener</span><span style="color: #000000;">&#40;</span><span style="color: #004993;">Event</span>.<span style="color: #004993;">ENTER_FRAME</span>,hareketTop<span style="color: #000000;">&#41;</span>;</pre></div></div>

<p>Sonra dışarda hareketTop fonskiyonumuzu oluşturalım ;</p>

<div class="wp_syntax"><div class="code"><pre class="actionscript3" style="font-family:monospace;"><span style="color: #004993; font-weight: bold;">function</span> hareketTop<span style="color: #000000;">&#40;</span>evt<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Event</span><span style="color: #000000;">&#41;</span><span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993; font-weight: bold;">void</span>
<span style="color: #000000;">&#123;</span>
	<span style="color: #E0E0E0;">//Top hareket kodları</span>
<span style="color: #000000;">&#125;</span></pre></div></div>

<p>hareketTop fonksiyonunu yazmadan önce 2 tane değişkene ihtiyacımız var.Topun x ve y hızları.Kodların en başına bu değişkenleri aşağıdaki gibi tanımlayalım;</p>

<div class="wp_syntax"><div class="code"><pre class="actionscript3" style="font-family:monospace;"><span style="color: #004993; font-weight: bold;">var</span> topXHizi<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Number</span> = <span style="color: #000000; font-weight:bold;">10</span>; <span style="color: #E0E0E0;">//Top X hızı</span>
<span style="color: #004993; font-weight: bold;">var</span> topYHizi<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Number</span> = <span style="color: #000000; font-weight:bold;">10</span>; <span style="color: #E0E0E0;">//Top Y hızı</span></pre></div></div>

<p>Şimdi hareketTop fonksiyonumuza aşağıdaki kodları ekleyerek Topumuza hareket verelim ;</p>

<div class="wp_syntax"><div class="code"><pre class="actionscript3" style="font-family:monospace;">mcTop.<span style="color: #004993;">x</span> <span style="color: #000000; font-weight: bold;">+</span>= topXHizi;
mcTop.<span style="color: #004993;">y</span> <span style="color: #000000; font-weight: bold;">+</span>= topYHizi;</pre></div></div>

<p>Tabiki bu şekilde Test Movie yaptığınız da topun hiç durmadan aşağıya doğru gittiğini göreceksiniz.Bu durumu düzeltmek için if koşullarını kullanacağız.Eğer top alt , üst ,sağ veya sol duvara geldiğinde -1 ile çarparsak hız tam tersine dönecektir.Böylece istediğimize ulaşmış olacağız.Aşağıdaki kodları hareketTop fonksiyonunun içerisine yazın ;</p>

<div class="wp_syntax"><div class="code"><pre class="actionscript3" style="font-family:monospace;"><span style="color: #E0E0E0;">//Top kontrolleri</span>
<span style="color: #004993; font-weight: bold;">if</span><span style="color: #000000;">&#40;</span>mcTop.<span style="color: #004993;">x</span> <span style="color: #000000; font-weight: bold;">&gt;</span>= <span style="color: #004993;">stage</span>.stageWidth<span style="color: #000000; font-weight: bold;">-</span>mcTop.<span style="color: #004993;">width</span><span style="color: #000000;">&#41;</span>
<span style="color: #000000;">&#123;</span>
	<span style="color: #E0E0E0;">//Top sağ duvara çarptığında tersine çeviriyoruz</span>
	topXHizi <span style="color: #000000; font-weight: bold;">*</span>= <span style="color: #000000; font-weight: bold;">-</span><span style="color: #000000; font-weight:bold;">1</span>;
<span style="color: #000000;">&#125;</span>
<span style="color: #004993; font-weight: bold;">if</span><span style="color: #000000;">&#40;</span>mcTop.<span style="color: #004993;">x</span> <span style="color: #000000; font-weight: bold;">&lt;</span>= <span style="color: #000000; font-weight:bold;">0</span><span style="color: #000000;">&#41;</span> 
<span style="color: #000000;">&#123;</span> 
	<span style="color: #E0E0E0;">//Top sol duvara çarptığında tersine çeviriyoruz 	topXHizi *= -1; </span>
<span style="color: #000000;">&#125;</span>
 <span style="color: #004993; font-weight: bold;">if</span><span style="color: #000000;">&#40;</span>mcTop.<span style="color: #004993;">y</span> <span style="color: #000000; font-weight: bold;">&gt;</span>= <span style="color: #004993;">stage</span>.stageHeight<span style="color: #000000; font-weight: bold;">-</span>mcTop.<span style="color: #004993;">height</span><span style="color: #000000;">&#41;</span>
<span style="color: #000000;">&#123;</span>
	<span style="color: #E0E0E0;">//Top alt duvara çarptığında tersine çeviriyoruz</span>
	topYHizi <span style="color: #000000; font-weight: bold;">*</span>= <span style="color: #000000; font-weight: bold;">-</span><span style="color: #000000; font-weight:bold;">1</span>;
<span style="color: #000000;">&#125;</span>
<span style="color: #004993; font-weight: bold;">if</span><span style="color: #000000;">&#40;</span>mcTop.<span style="color: #004993;">y</span> <span style="color: #000000; font-weight: bold;">&lt;</span>= <span style="color: #000000; font-weight:bold;">0</span><span style="color: #000000;">&#41;</span>
<span style="color: #000000;">&#123;</span>
	<span style="color: #E0E0E0;">//Top üst duvara çarptığında tersine çeviriyoruz</span>
	topYHizi <span style="color: #000000; font-weight: bold;">*</span>= <span style="color: #000000; font-weight: bold;">-</span><span style="color: #000000; font-weight:bold;">1</span>;
<span style="color: #000000;">&#125;</span></pre></div></div>

<p>Test Movie yaptığınız da topunuzun duvarlara çarparak geri döndüğünü görebilirsiniz.Eğer ilk defa bir oyun yapıyorsanız bu bile size zevk verecektir <img src='http://www.flashdersleri.net/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> .Bir sonraki adımımız topun engele çarptığı an neler olacağıyla ilgili.İşte bu kısım biraz daha matematiksel.Ancak kodlarla açıklamaları okuyup üzerine biraz düşünürseniz kolaylıkla anlayabilirsiniz.<br />
Öncelikle kullanacağımız hittestobject kodu top la engel kesiştiği zaman da fonksiyonu çalıştırmamıza yarayacak.Biraz matematiksel yapacağımızdan bu durumda hesaplaTopEngel diye bir fonksiyon oluşturacağız.Aşağıdaki kodları hareketTop fonksiyonunun içerisine yazın ;</p>

<div class="wp_syntax"><div class="code"><pre class="actionscript3" style="font-family:monospace;"><span style="color: #004993; font-weight: bold;">if</span><span style="color: #000000;">&#40;</span>mcTop.<span style="color: #004993;">hitTestObject</span><span style="color: #000000;">&#40;</span>mcEngel<span style="color: #000000;">&#41;</span><span style="color: #000000;">&#41;</span>
<span style="color: #000000;">&#123;</span>
	hesaplaTopEngel<span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>;
<span style="color: #000000;">&#125;</span></pre></div></div>

<p>Şimdi hesaplaTopEngel fonksiyonumuzu en dışta tanımlayalım ;</p>

<div class="wp_syntax"><div class="code"><pre class="actionscript3" style="font-family:monospace;"><span style="color: #004993; font-weight: bold;">function</span> hesaplaTopEngel<span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span><span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993; font-weight: bold;">void</span>
<span style="color: #000000;">&#123;</span>
	<span style="color: #E0E0E0;">//topYeri : Topun engel üzerindeki yeri</span>
	<span style="color: #004993; font-weight: bold;">var</span> topYeri<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Number</span> = mcTop.<span style="color: #004993;">x</span> <span style="color: #000000; font-weight: bold;">-</span> mcEngel.<span style="color: #004993;">x</span>;
	<span style="color: #E0E0E0;">//yerYuzde : Topun engel üzerindeki yüzdelik değeri</span>
	<span style="color: #E0E0E0;">//Top engelde sol taraftaysa -.5</span>
	<span style="color: #E0E0E0;">//Top engelde sağ taraftaysa .5</span>
	<span style="color: #E0E0E0;">//Ortada ise 0 çıkacaktır formülü kağıt kalemle hesaplarsanız</span>
	<span style="color: #E0E0E0;">//daha iyi anlayabilirsiniz...</span>
	<span style="color: #004993; font-weight: bold;">var</span> yerYuzde<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Number</span> = <span style="color: #000000;">&#40;</span>topYeri<span style="color: #000000; font-weight: bold;">/</span><span style="color: #000000;">&#40;</span>mcEngel.width<span style="color: #000000; font-weight: bold;">-</span>mcTop.<span style="color: #004993;">width</span><span style="color: #000000;">&#41;</span><span style="color: #000000;">&#41;</span><span style="color: #000000; font-weight: bold;">-</span>.5;
	<span style="color: #E0E0E0;">//yerYuzde değerini büyütüyoruz gerçekten bir</span>
	<span style="color: #E0E0E0;">//zıplayış olsun diye</span>
	topXHizi = yerYuzde <span style="color: #000000; font-weight: bold;">*</span> <span style="color: #000000; font-weight:bold;">10</span>;
	<span style="color: #E0E0E0;">//Topun yönünü tersine çeviriyoruz</span>
	topYHizi <span style="color: #000000; font-weight: bold;">*</span>= <span style="color: #000000; font-weight: bold;">-</span><span style="color: #000000; font-weight:bold;">1</span>;
<span style="color: #000000;">&#125;</span></pre></div></div>

<p>Bu dersimizde burada bitti aşağıda kodların tamamını ve önizlemeyi görebilirsiniz.Diğer derste de sahnemize bricks (tuğlaları) nasıl ekliyeceğiz onu göreceğiz.</p>

<div class="wp_syntax"><div class="code"><pre class="actionscript3" style="font-family:monospace;"><span style="color: #004993; font-weight: bold;">var</span> topXHizi<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Number</span> = <span style="color: #000000; font-weight:bold;">10</span>; <span style="color: #E0E0E0;">//Top X hızı</span>
<span style="color: #004993; font-weight: bold;">var</span> topYHizi<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Number</span> = <span style="color: #000000; font-weight:bold;">10</span>; <span style="color: #E0E0E0;">//Top Y hızı</span>
&nbsp;
<span style="color: #E0E0E0;">//Öncelikle bir ana fonksiyon oluşturacağız.</span>
<span style="color: #E0E0E0;">//Bu fonksiyon oyunumuzu başlatmak için kullanılacak.</span>
<span style="color: #E0E0E0;">//Gerekli olan şeyleri buradan başlatacağız.</span>
<span style="color: #004993; font-weight: bold;">function</span> baslat<span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span><span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993; font-weight: bold;">void</span>
<span style="color: #000000;">&#123;</span>
	<span style="color: #E0E0E0;">//Engel'imizin mouse'u sürekli takip etmesi için</span>
	<span style="color: #E0E0E0;">//Enter Frame olayını kullanacağız.</span>
	mcEngel.<span style="color: #004993;">addEventListener</span><span style="color: #000000;">&#40;</span><span style="color: #004993;">Event</span>.<span style="color: #004993;">ENTER_FRAME</span>,hareketEngel<span style="color: #000000;">&#41;</span>;
	<span style="color: #E0E0E0;">//Sürekli topu kontrol etmek için Enter Frame</span>
	<span style="color: #E0E0E0;">//Olay dinleyicisini kullanıyoruz...</span>
	mcTop.<span style="color: #004993;">addEventListener</span><span style="color: #000000;">&#40;</span><span style="color: #004993;">Event</span>.<span style="color: #004993;">ENTER_FRAME</span>,hareketTop<span style="color: #000000;">&#41;</span>;
<span style="color: #000000;">&#125;</span>
&nbsp;
<span style="color: #004993; font-weight: bold;">function</span> hareketEngel<span style="color: #000000;">&#40;</span>evt<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Event</span><span style="color: #000000;">&#41;</span><span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993; font-weight: bold;">void</span>
<span style="color: #000000;">&#123;</span>
	<span style="color: #E0E0E0;">//Engel'in x değerini mouse'un x değerine eşitliyoruz.</span>
	mcEngel.<span style="color: #004993;">x</span> = <span style="color: #004993;">mouseX</span>;
	<span style="color: #E0E0E0;">//Eğer mouse sol taraftan taşarsa ;</span>
	<span style="color: #004993; font-weight: bold;">if</span><span style="color: #000000;">&#40;</span><span style="color: #004993;">mouseX</span> <span style="color: #000000; font-weight: bold;">&lt;</span> mcEngel.<span style="color: #004993;">width</span><span style="color: #000000; font-weight: bold;">/</span><span style="color: #000000; font-weight:bold;">2</span><span style="color: #000000;">&#41;</span> 
	<span style="color: #000000;">&#123;</span> 
		mcEngel.<span style="color: #004993;">x</span> = <span style="color: #000000; font-weight:bold;">27.5</span>; 
	<span style="color: #000000;">&#125;</span> 
	<span style="color: #E0E0E0;">//Eğer mouse sağ taraftan taşarsa ; </span>
	<span style="color: #004993; font-weight: bold;">if</span><span style="color: #000000;">&#40;</span><span style="color: #004993;">mouseX</span> <span style="color: #000000; font-weight: bold;">&gt;</span> <span style="color: #004993;">stage</span>.<span style="color: #004993;">stageWidth</span> <span style="color: #000000; font-weight: bold;">-</span> mcEngel.<span style="color: #004993;">width</span><span style="color: #000000; font-weight: bold;">/</span><span style="color: #000000; font-weight:bold;">2</span><span style="color: #000000;">&#41;</span>
	<span style="color: #000000;">&#123;</span>
		mcEngel.<span style="color: #004993;">x</span> = <span style="color: #004993;">stage</span>.<span style="color: #004993;">stageWidth</span> <span style="color: #000000; font-weight: bold;">-</span> mcEngel.<span style="color: #004993;">width</span> <span style="color: #000000; font-weight: bold;">+</span> <span style="color: #000000; font-weight:bold;">27.5</span>;
	<span style="color: #000000;">&#125;</span>
<span style="color: #000000;">&#125;</span>
&nbsp;
<span style="color: #004993; font-weight: bold;">function</span> hareketTop<span style="color: #000000;">&#40;</span>evt<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Event</span><span style="color: #000000;">&#41;</span><span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993; font-weight: bold;">void</span>
<span style="color: #000000;">&#123;</span>
	<span style="color: #E0E0E0;">//Top hareket kodları</span>
	mcTop.<span style="color: #004993;">x</span> <span style="color: #000000; font-weight: bold;">+</span>= topXHizi;
	mcTop.<span style="color: #004993;">y</span> <span style="color: #000000; font-weight: bold;">+</span>= topYHizi;
&nbsp;
	<span style="color: #E0E0E0;">//Top kontrolleri</span>
	<span style="color: #004993; font-weight: bold;">if</span><span style="color: #000000;">&#40;</span>mcTop.<span style="color: #004993;">x</span> <span style="color: #000000; font-weight: bold;">&gt;</span>= <span style="color: #004993;">stage</span>.stageWidth<span style="color: #000000; font-weight: bold;">-</span>mcTop.<span style="color: #004993;">width</span><span style="color: #000000;">&#41;</span>
	<span style="color: #000000;">&#123;</span>
		<span style="color: #E0E0E0;">//Top sağ duvara çarptığında tersine çeviriyoruz</span>
		topXHizi <span style="color: #000000; font-weight: bold;">*</span>= <span style="color: #000000; font-weight: bold;">-</span><span style="color: #000000; font-weight:bold;">1</span>;
	<span style="color: #000000;">&#125;</span>
	<span style="color: #004993; font-weight: bold;">if</span><span style="color: #000000;">&#40;</span>mcTop.<span style="color: #004993;">x</span> <span style="color: #000000; font-weight: bold;">&lt;</span>= <span style="color: #000000; font-weight:bold;">0</span><span style="color: #000000;">&#41;</span>
 	<span style="color: #000000;">&#123;</span> 
		<span style="color: #E0E0E0;">//Top sol duvara çarptığında tersine çeviriyoruz 	</span>
	     topXHizi <span style="color: #000000; font-weight: bold;">*</span>= <span style="color: #000000; font-weight: bold;">-</span><span style="color: #000000; font-weight:bold;">1</span>; 
	<span style="color: #000000;">&#125;</span> 
	<span style="color: #004993; font-weight: bold;">if</span><span style="color: #000000;">&#40;</span>mcTop.<span style="color: #004993;">y</span> <span style="color: #000000; font-weight: bold;">&gt;</span>= <span style="color: #004993;">stage</span>.stageHeight<span style="color: #000000; font-weight: bold;">-</span>mcTop.<span style="color: #004993;">height</span><span style="color: #000000;">&#41;</span>
	<span style="color: #000000;">&#123;</span>
		<span style="color: #E0E0E0;">//Top alt duvara çarptığında tersine çeviriyoruz</span>
		topYHizi <span style="color: #000000; font-weight: bold;">*</span>= <span style="color: #000000; font-weight: bold;">-</span><span style="color: #000000; font-weight:bold;">1</span>;
	<span style="color: #000000;">&#125;</span>
	<span style="color: #004993; font-weight: bold;">if</span><span style="color: #000000;">&#40;</span>mcTop.<span style="color: #004993;">y</span> <span style="color: #000000; font-weight: bold;">&lt;</span>= <span style="color: #000000; font-weight:bold;">0</span><span style="color: #000000;">&#41;</span>
	<span style="color: #000000;">&#123;</span>
		<span style="color: #E0E0E0;">//Top üst duvara çarptığında tersine çeviriyoruz</span>
		topYHizi <span style="color: #000000; font-weight: bold;">*</span>= <span style="color: #000000; font-weight: bold;">-</span><span style="color: #000000; font-weight:bold;">1</span>;
	<span style="color: #000000;">&#125;</span>
	<span style="color: #004993; font-weight: bold;">if</span><span style="color: #000000;">&#40;</span>mcTop.<span style="color: #004993;">hitTestObject</span><span style="color: #000000;">&#40;</span>mcEngel<span style="color: #000000;">&#41;</span><span style="color: #000000;">&#41;</span>
	<span style="color: #000000;">&#123;</span>
		hesaplaTopEngel<span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>;
	<span style="color: #000000;">&#125;</span>
<span style="color: #000000;">&#125;</span>
&nbsp;
<span style="color: #004993; font-weight: bold;">function</span> hesaplaTopEngel<span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span><span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993; font-weight: bold;">void</span>
<span style="color: #000000;">&#123;</span>
	<span style="color: #E0E0E0;">//topYeri : Topun engel üzerindeki yeri</span>
	<span style="color: #004993; font-weight: bold;">var</span> topYeri<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Number</span> = mcTop.<span style="color: #004993;">x</span> <span style="color: #000000; font-weight: bold;">-</span> mcEngel.<span style="color: #004993;">x</span>;
	<span style="color: #E0E0E0;">//yerYuzde : Topun engel üzerindeki yüzdelik değeri</span>
	<span style="color: #E0E0E0;">//Top engelde sol taraftaysa -.5</span>
	<span style="color: #E0E0E0;">//Top engelde sağ taraftaysa .5</span>
	<span style="color: #E0E0E0;">//Ortada ise 0 çıkacaktır formülü kağıt kalemle hesaplarsanız</span>
	<span style="color: #E0E0E0;">//daha iyi anlayabilirsiniz...</span>
	<span style="color: #004993; font-weight: bold;">var</span> yerYuzde<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Number</span> = <span style="color: #000000;">&#40;</span>topYeri<span style="color: #000000; font-weight: bold;">/</span><span style="color: #000000;">&#40;</span>mcEngel.width<span style="color: #000000; font-weight: bold;">-</span>mcTop.<span style="color: #004993;">width</span><span style="color: #000000;">&#41;</span><span style="color: #000000;">&#41;</span><span style="color: #000000; font-weight: bold;">-</span>.5;
	<span style="color: #E0E0E0;">//yerYuzde değerini büyütüyoruz gerçekten bir</span>
	<span style="color: #E0E0E0;">//zıplayış olsun diye</span>
	topXHizi = yerYuzde <span style="color: #000000; font-weight: bold;">*</span> <span style="color: #000000; font-weight:bold;">10</span>;
	<span style="color: #E0E0E0;">//Topun yönünü tersine çeviriyoruz</span>
	topYHizi <span style="color: #000000; font-weight: bold;">*</span>= <span style="color: #000000; font-weight: bold;">-</span><span style="color: #000000; font-weight:bold;">1</span>;
<span style="color: #000000;">&#125;</span>
&nbsp;
baslat<span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>;</pre></div></div>

<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="550" height="400" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="http://www.flashdersleri.net/wp-content/uploads/2010/02/brick-breakers1.swf" /><embed type="application/x-shockwave-flash" width="550" height="400" src="http://www.flashdersleri.net/wp-content/uploads/2010/02/brick-breakers1.swf"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://www.flashdersleri.net/2010/02/13/brick-breakers-oyunu-yapimi-bolum-2/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Brick Breakers Oyunu Yapımı [Bölüm 1]</title>
		<link>http://www.flashdersleri.net/2010/02/12/brick-breakers-oyunu-yapimi-bolum-1/</link>
		<comments>http://www.flashdersleri.net/2010/02/12/brick-breakers-oyunu-yapimi-bolum-1/#comments</comments>
		<pubDate>Fri, 12 Feb 2010 14:40:47 +0000</pubDate>
		<dc:creator>Selçuk</dc:creator>
				<category><![CDATA[ActionScript 3.0]]></category>
		<category><![CDATA[as3 game]]></category>
		<category><![CDATA[as3 game tutorial]]></category>
		<category><![CDATA[as3 oyun dersi]]></category>
		<category><![CDATA[brick breakers oyunu yapımı]]></category>
		<category><![CDATA[brick oyunu]]></category>
		<category><![CDATA[flash oyun yapma]]></category>

		<guid isPermaLink="false">http://www.flashdersleri.net/?p=939</guid>
		<description><![CDATA[Merhaba,
Bu eğitim ile bir kaç bölümde brick breakers oyunu yapmaya çalışacağız.Elimden geldiğince açıklayıcı sade bir dille yazmaya çalışacağım&#8230;
Öncelikle sahnemizi yani arkaplanımızı siyah yapalım basitçe güzel bir görüntü oluşturmak için.Çalışmamızın frame rate değerini 24 yapalım.Daha sonra bizim kullanacağımız engeli çizerek MovieClip&#8217;e çevirelim.Ben 55&#215;10 boyutlarında çizdim ;

Engelimizin instance name ismini &#8220;mcEngel&#8221; olarak verelim.Instance name verirken küçük büyük [...]]]></description>
			<content:encoded><![CDATA[<p>Merhaba,</p>
<p>Bu eğitim ile bir kaç bölümde brick breakers oyunu yapmaya çalışacağız.Elimden geldiğince açıklayıcı sade bir dille yazmaya çalışacağım&#8230;</p>
<p>Öncelikle sahnemizi yani arkaplanımızı siyah yapalım basitçe güzel bir görüntü oluşturmak için.Çalışmamızın frame rate değerini 24 yapalım.Daha sonra bizim kullanacağımız engeli çizerek MovieClip&#8217;e çevirelim.Ben 55&#215;10 boyutlarında çizdim ;</p>
<p><img class="alignnone" title="Brick-breaker1" src="http://www.flashdersleri.net/wp-content/uploads/2010/02/break-breakers1.jpg" alt="" width="464" height="148" /></p>
<p>Engelimizin instance name ismini &#8220;mcEngel&#8221; olarak verelim.Instance name verirken küçük büyük harflere dikkat etmelisiniz.</p>
<p>Şimdi biraz kod yazalım <img src='http://www.flashdersleri.net/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />   &#8221;kodlar&#8221; isimli bir layer oluşturun.Ve aşağıdaki kodları yazın ;</p>

<div class="wp_syntax"><div class="code"><pre class="actionscript3" style="font-family:monospace;"><span style="color: #E0E0E0;">//Öncelikle bir ana fonksiyon oluşturacağız.</span>
<span style="color: #E0E0E0;">//Bu fonksiyon oyunumuzu başlatmak için kullanılacak.</span>
<span style="color: #E0E0E0;">//Gerekli olan şeyleri buradan başlatacağız.</span>
<span style="color: #004993; font-weight: bold;">function</span> baslat<span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span><span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993; font-weight: bold;">void</span>
<span style="color: #000000;">&#123;</span>
	<span style="color: #E0E0E0;">//Engel'imizin mouse'u sürekli takip etmesi için</span>
	<span style="color: #E0E0E0;">//Enter Frame olayını kullanacağız.</span>
	mcEngel.<span style="color: #004993;">addEventListener</span><span style="color: #000000;">&#40;</span><span style="color: #004993;">Event</span>.<span style="color: #004993;">ENTER_FRAME</span>,hareketEngel<span style="color: #000000;">&#41;</span>;
<span style="color: #000000;">&#125;</span>
&nbsp;
<span style="color: #004993; font-weight: bold;">function</span> hareketEngel<span style="color: #000000;">&#40;</span>evt<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Event</span><span style="color: #000000;">&#41;</span><span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993; font-weight: bold;">void</span>
<span style="color: #000000;">&#123;</span>
	<span style="color: #E0E0E0;">//Engel'in x değerini mouse'un x değerine eşitliyoruz.</span>
	mcEngel.<span style="color: #004993;">x</span> = <span style="color: #004993;">mouseX</span>;
<span style="color: #000000;">&#125;</span>
&nbsp;
baslat<span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>;</pre></div></div>

<p>Test Movie yaptığınızda Engel &#8216;in mouse&#8217;u takip ettiğini görebilirsiniz.Eğer Registration noktasını sağ veya sol taraflardan birisi seçtiyseniz mouse&#8217;u engel sağ veya sol tarafa dayalı olarak takip edecektir.Bunu kodlarla düzeltmek için Engel&#8217;in x değerini mouseX-mcEngel.width/2 ye eşitlemeniz yeterli.</p>
<p>Bu problemi hallettikden sonra bir problemimiz daha var Engel&#8217;imiz sahnenin dışına çıkıyor.Bunu da engellemek için aşağıdaki kodları hareketEngel fonksiyonunun devamına eklemeniz yeterli ;</p>

<div class="wp_syntax"><div class="code"><pre class="actionscript3" style="font-family:monospace;"><span style="color: #E0E0E0;">//Eğer mouse sol taraftan taşarsa ;</span>
	<span style="color: #004993; font-weight: bold;">if</span><span style="color: #000000;">&#40;</span><span style="color: #004993;">mouseX</span> <span style="color: #000000; font-weight: bold;">&lt;</span> mcEngel.<span style="color: #004993;">width</span><span style="color: #000000; font-weight: bold;">/</span><span style="color: #000000; font-weight:bold;">2</span><span style="color: #000000;">&#41;</span> 
        <span style="color: #000000;">&#123;</span> 
		mcEngel.<span style="color: #004993;">x</span> = <span style="color: #000000; font-weight:bold;">27.5</span>;
         <span style="color: #000000;">&#125;</span> 
         <span style="color: #E0E0E0;">//Eğer mouse sağ taraftan taşarsa ;</span>
         <span style="color: #004993; font-weight: bold;">if</span><span style="color: #000000;">&#40;</span><span style="color: #004993;">mouseX</span> <span style="color: #000000; font-weight: bold;">&gt;</span> <span style="color: #004993;">stage</span>.<span style="color: #004993;">stageWidth</span> <span style="color: #000000; font-weight: bold;">-</span> mcEngel.<span style="color: #004993;">width</span><span style="color: #000000; font-weight: bold;">/</span><span style="color: #000000; font-weight:bold;">2</span><span style="color: #000000;">&#41;</span>
	<span style="color: #000000;">&#123;</span>
		mcEngel.<span style="color: #004993;">x</span> = <span style="color: #004993;">stage</span>.<span style="color: #004993;">stageWidth</span> <span style="color: #000000; font-weight: bold;">-</span> mcEngel.<span style="color: #004993;">width</span> <span style="color: #000000; font-weight: bold;">+</span> <span style="color: #000000; font-weight:bold;">27.5</span>;
	<span style="color: #000000;">&#125;</span></pre></div></div>

<p>Evet,böylelikle ilk dersimizin sonuna geldik.Gelecek derste topumuzu kodlamaya çalışacağız.Aşağıda kodların tamamını ve swf dosyasını görebilirsiniz.Bir dahaki derste görüşmek üzere iyi çalışmalar&#8230;</p>
<p>Kodların tamamı ;</p>

<div class="wp_syntax"><div class="code"><pre class="actionscript3" style="font-family:monospace;"><span style="color: #E0E0E0;">//Öncelikle bir ana fonksiyon oluşturacağız.</span>
<span style="color: #E0E0E0;">//Bu fonksiyon oyunumuzu başlatmak için kullanılacak.</span>
<span style="color: #E0E0E0;">//Gerekli olan şeyleri buradan başlatacağız.</span>
<span style="color: #004993; font-weight: bold;">function</span> baslat<span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span><span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993; font-weight: bold;">void</span>
<span style="color: #000000;">&#123;</span>
	<span style="color: #E0E0E0;">//Engel'imizin mouse'u sürekli takip etmesi için</span>
	<span style="color: #E0E0E0;">//Enter Frame olayını kullanacağız.</span>
	mcEngel.<span style="color: #004993;">addEventListener</span><span style="color: #000000;">&#40;</span><span style="color: #004993;">Event</span>.<span style="color: #004993;">ENTER_FRAME</span>,hareketEngel<span style="color: #000000;">&#41;</span>;
<span style="color: #000000;">&#125;</span>
&nbsp;
<span style="color: #004993; font-weight: bold;">function</span> hareketEngel<span style="color: #000000;">&#40;</span>evt<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Event</span><span style="color: #000000;">&#41;</span><span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993; font-weight: bold;">void</span>
<span style="color: #000000;">&#123;</span>
	<span style="color: #E0E0E0;">//Engel'in x değerini mouse'un x değerine eşitliyoruz.</span>
	mcEngel.<span style="color: #004993;">x</span> = <span style="color: #004993;">mouseX</span>;
	<span style="color: #E0E0E0;">//Eğer mouse sol taraftan taşarsa ;</span>
	<span style="color: #004993; font-weight: bold;">if</span><span style="color: #000000;">&#40;</span><span style="color: #004993;">mouseX</span> <span style="color: #000000; font-weight: bold;">&lt;</span> mcEngel.<span style="color: #004993;">width</span><span style="color: #000000; font-weight: bold;">/</span><span style="color: #000000; font-weight:bold;">2</span><span style="color: #000000;">&#41;</span> 
        <span style="color: #000000;">&#123;</span> 
		mcEngel.<span style="color: #004993;">x</span> = <span style="color: #000000; font-weight:bold;">27.5</span>; 
        <span style="color: #000000;">&#125;</span> 
        <span style="color: #E0E0E0;">//Eğer mouse sağ taraftan taşarsa ; </span>
        <span style="color: #004993; font-weight: bold;">if</span><span style="color: #000000;">&#40;</span><span style="color: #004993;">mouseX</span> <span style="color: #000000; font-weight: bold;">&gt;</span> <span style="color: #004993;">stage</span>.<span style="color: #004993;">stageWidth</span> <span style="color: #000000; font-weight: bold;">-</span> mcEngel.<span style="color: #004993;">width</span><span style="color: #000000; font-weight: bold;">/</span><span style="color: #000000; font-weight:bold;">2</span><span style="color: #000000;">&#41;</span>
        <span style="color: #000000;">&#123;</span>
		mcEngel.<span style="color: #004993;">x</span> = <span style="color: #004993;">stage</span>.<span style="color: #004993;">stageWidth</span> <span style="color: #000000; font-weight: bold;">-</span> mcEngel.<span style="color: #004993;">width</span> <span style="color: #000000; font-weight: bold;">+</span> <span style="color: #000000; font-weight:bold;">27.5</span>;
	<span style="color: #000000;">&#125;</span>
<span style="color: #000000;">&#125;</span>
&nbsp;
baslat<span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>;</pre></div></div>

<p>swf önizleme ;</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="550" height="400" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="http://www.flashdersleri.net/wp-content/uploads/2010/02/brick-breakers.swf" /><embed type="application/x-shockwave-flash" width="550" height="400" src="http://www.flashdersleri.net/wp-content/uploads/2010/02/brick-breakers.swf"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://www.flashdersleri.net/2010/02/12/brick-breakers-oyunu-yapimi-bolum-1/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ActionScript 2.0 Kullarak XML Tabanlı Fotoğraf Galerisi Hazırlamak</title>
		<link>http://www.flashdersleri.net/2010/02/10/actionscript-2-0-kullarak-xml-tabanli-fotograf-galerisi-hazirlamak/</link>
		<comments>http://www.flashdersleri.net/2010/02/10/actionscript-2-0-kullarak-xml-tabanli-fotograf-galerisi-hazirlamak/#comments</comments>
		<pubDate>Wed, 10 Feb 2010 14:09:23 +0000</pubDate>
		<dc:creator>Ertürk Erdağı</dc:creator>
				<category><![CDATA[ActionScript 2.0]]></category>
		<category><![CDATA[Fotoğraf Galerisi]]></category>
		<category><![CDATA[XML]]></category>

		<guid isPermaLink="false">http://www.flashdersleri.net/?p=922</guid>
		<description><![CDATA[ActionScript 2.0 ile birlikte daha kararlı bir yapıya ulaşan ve şu anda ActionScript 3.0 ile gelişmiş özellikler, server ve client uygulamalarını büyük ölçüde kolaylaştıran serüvende yolculuğumuzu bir önceki versiyon olan ActionScript 2.0 ile gerçekleştireceğiz. Bu makale içerisinde Flash&#8217;a önceki sürümlerinde eklenen Component&#8217;lerden ComboBox veScrollPane nesnesine ait temel özellikler ile XML nesnesinin kullanımına yer vereceğim. Uygulamayı gerçekleştirmek [...]]]></description>
			<content:encoded><![CDATA[<p>ActionScript 2.0 ile birlikte daha kararlı bir yapıya ulaşan ve şu anda ActionScript 3.0 ile gelişmiş özellikler, server ve client uygulamalarını büyük ölçüde kolaylaştıran serüvende yolculuğumuzu bir önceki versiyon olan ActionScript 2.0 ile gerçekleştireceğiz. Bu makale içerisinde Flash&#8217;a önceki sürümlerinde eklenen Component&#8217;lerden <strong>ComboBox </strong>ve<strong>ScrollPane </strong>nesnesine ait temel özellikler ile XML nesnesinin kullanımına yer vereceğim. Uygulamayı gerçekleştirmek için açtığımız Flash dokumanında aşağıdaki tasarımı oluşturuyoruz.  <a href="http://www.flashdersleri.net/wp-content/uploads/2010/02/ASXML1.jpg"><img class="size-full wp-image-924 alignnone" title="XML Foto Galeri (Ertürk Erdağı)" src="http://www.flashdersleri.net/wp-content/uploads/2010/02/ASXML1.jpg" alt="" width="550" height="403" /></a></p>
<p>Temel olarak burada ComboBox ve ScrollPane nesnesinin kullanılması yeterlidir. Bu nesneleri eklemek için <strong>Component</strong>panelini kullanmanız gerekmektedir. Bu panel çalışma alanınızda bulunmuyorsa, <strong>Window </strong>menüsünden <strong>Components</strong>seçeneği ile yada<strong> Ctrl + F7</strong> kısayolu ile görüntüleyebilirsiniz. Eklediğimiz ComboBox nesnesine <strong>cbResimler</strong>, ScrollPane nesnesine <strong>spResimGosterici </strong>ismini veriyoruz. Bu isimlendirmeler sonrasında XML kaynağımızı oluşturuyoruz ve<strong>Kaynak.xml</strong> olarak isimlendiriyoruz. XML kaynağımız aşağıdaki şekildedir;  <a href="http://www.flashdersleri.net/wp-content/uploads/2010/02/ASXML2.jpg"><img class="alignleft size-full wp-image-925" title="ASXML2" src="http://www.flashdersleri.net/wp-content/uploads/2010/02/ASXML2.jpg" alt="" width="315" height="139" /></a> Burada her bir resim tag içerisindeki bilgi hazırlayacağımız resimlerin bulunduğu klasör ve isimlerini göstermektedir. Bu bilgi kullanılarak ScrollPane nesnesine resimlerin yüklenmesi sağlanacaktır. Sonrasında Flash belgemize dönerek kodlarımızı yazmaya başlıyoruz. Kodlarımızı bir frame üzerine yazacağız. İlk aşamada XML nesnesinin tanıtılması ve yüklenmesi ile başlıyoruz.</p>

<div class="wp_syntax"><div class="code"><pre class="actionscript2" style="font-family:monospace;">_root.XMLKaynak = new XML();
_root.XMLKaynak.ignoreWhite = true;
_root.XMLKaynak.load(&quot;Kaynak.xml&quot;);&amp;lt; /pre&amp;gt;</pre></div></div>

<p>İlk satırda XMLKaynak adında XML nesnemizi oluşturuyor, ikinci satırda ignoreWhite property ile XML içerisindeki boşlukların gözardı edilmesi sağlanıyor, üçüncü satırda ise Kaynak.xml adındaki XML Flash içerisine yükleniyor. Şimdi yüklenme sonrasında işlemlerin gerçekleştirilmesini sağlayalım. XML&#8217;in Flash&#8217;a yüklenmesinin elde edileceği onLoad eventi&#8217;ni kullanacağız.</p>

<div class="wp_syntax"><div class="code"><pre class="actionscript2" style="font-family:monospace;">_root.XMLKaynak.onLoad = function() {
    resimSayisi = _root.XMLKaynak.firstChild.childNodes.length;
    cbResimler.addItem({data:0, label:&quot;Resim Seçiniz&quot;});
    for (i=0; i
        resimYolu = _root.XMLKaynak.firstChild.childNodes[i].firstChild.nodeValue;
        cbResimler.addItem({data:resimYolu, label:&quot;Resim &quot; + (i+1)});
    }
}</pre></div></div>

<p><strong>onLoad </strong>eventi ile XML dosyasının yüklenmesi sonrasında resimSayisi değişkenine toplam resim sayısının elde edilmesini sağlayan ve ilk noda ait alt nodların sayısını veren <strong>childNodes </strong>özelliği kullanıyor. Sonrasında bir döngü ile her bir noddaki resmin yoluna ait veri alınadar <strong>cbResimler </strong>adını verdiğimiz ComboBox nesnesine addItem methodu ile data ve label olmak üzere iki özelliğe elde edilen resimYolu değişkeni ve Resim sırasını belirtecek bir ifade sırasıyla ekleniyor. Bu şekilde kod kısmının ikinci kısmını tamamlıyoruz ve son kısma geçiyoruz.</p>

<div class="wp_syntax"><div class="code"><pre class="actionscript2" style="font-family:monospace;">var cbDinleyici:Object = new Object();
cbDinleyici.change = function(evt_obj:Object) {
    spResimGosterici.contentPath = evt_obj.target.selectedItem.label;
};
cbResimler.addEventListener(&quot;change&quot;,cbDinleyici);</pre></div></div>

<p>Bu kısımda ComboBox nesnesinin içerisindeki verilerin listelenmesi sonrasında veri değişimi sonrasında tetiklenecek bir event ve bu event&#8217;in çalıştırılmasını sağlayacak <strong>addEventListener </strong>methodunu çalıştırıyoruz. cbDinleyici adında bir <strong>Object </strong>tanımlayıp bu nesnenin değiştirilmesi sonrasında <strong>spResimGosterici </strong>adını verdiğimiz ScrollPane nesnesine aitcontentPath özelliğine XML kaynağından elde ettiğimiz resim yolunu ekliyoruz. Son satırda ise bu event&#8217;in cbResimler ComboBox&#8217;ına ait olduğunu belirten bir <strong>Listener </strong>oluşturuyoruz.  Resimlerin belirttiğiniz XML formatına uygun olarak yerleştirildiğini, XML formatınızda bir sorun olmadığından emin olduğunuzda hazırladığınız Flash uygulamasını derleyerek kontrol edebilirsiniz.</p>
<p><strong>Ertürk Erdağı    -    Yazılım ve Arayüz Geliştirme Uzmanı    - </strong><a href="http://www.erturkerdagi.net" target="_blank"><strong>www.erturkerdagi.net</strong></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.flashdersleri.net/2010/02/10/actionscript-2-0-kullarak-xml-tabanli-fotograf-galerisi-hazirlamak/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>AS3 &amp; Php ile İletişim Formu</title>
		<link>http://www.flashdersleri.net/2010/01/31/as3-php-ile-iletisim-formu/</link>
		<comments>http://www.flashdersleri.net/2010/01/31/as3-php-ile-iletisim-formu/#comments</comments>
		<pubDate>Sun, 31 Jan 2010 21:20:41 +0000</pubDate>
		<dc:creator>Selman KURT</dc:creator>
				<category><![CDATA[ActionScript 3.0]]></category>
		<category><![CDATA[as3]]></category>
		<category><![CDATA[as3 & php contact form]]></category>
		<category><![CDATA[as3 & php mail form]]></category>
		<category><![CDATA[as3 ders]]></category>
		<category><![CDATA[as3 iletisim formu]]></category>
		<category><![CDATA[ders]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[flash ders]]></category>
		<category><![CDATA[flash iletisim formu]]></category>
		<category><![CDATA[iletişim formu]]></category>
		<category><![CDATA[iletişim formu dersi]]></category>
		<category><![CDATA[php]]></category>

		<guid isPermaLink="false">http://www.flashdersleri.net/?p=827</guid>
		<description><![CDATA[Merhaba Arkadaşlar, flashdersleri.net&#8217;teki bu ilk dersimde Flash ve Php ile web sitesinde mail gönderme formu, nasıl yapılır onu anlatacağım.
İşin sadece flash yönünü anlatacağım Php bilgim az olduğu için   o konuya girmeyeceğm php dosyasını dersin sonunda verdiğim linkten indirebilirsiniz.
Derse başlamadan, önce ders için hazırladığım bu mail_form.fla dosyasını indirip, açın.
.fla&#8217;nın içinde, sahnede 5 text kutucuğu [...]]]></description>
			<content:encoded><![CDATA[<p>Merhaba Arkadaşlar, flashdersleri.net&#8217;teki bu ilk dersimde Flash ve Php ile web sitesinde mail gönderme formu, nasıl yapılır onu anlatacağım.</p>
<p>İşin sadece flash yönünü anlatacağım Php bilgim az olduğu için <img src='http://www.flashdersleri.net/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  o konuya girmeyeceğm php dosyasını dersin sonunda verdiğim linkten indirebilirsiniz.<br />
Derse başlamadan, önce ders için hazırladığım bu <a title="mail_form.fla" href="http://www.selmankurt.com/dosyalar/mail_form.fla" target="_blank">mail_form.fla</a> dosyasını indirip, açın.<br />
.fla&#8217;nın içinde, sahnede 5 text kutucuğu ve 2 buton bulunmaktadır.</p>
<p><a href="http://www.flashdersleri.net/wp-content/uploads/2010/01/mail_form_fd3.png"><img class="alignnone size-full wp-image-869" title="mail_form_fd" src="http://www.flashdersleri.net/wp-content/uploads/2010/01/mail_form_fd3.png" alt="" width="472" height="299" /></a></p>
<p><strong>Text Kutucukları;</strong></p>
<ul>
<li><span style="color: #000080;">isim_txt</span></li>
<li><span style="color: #000080;">email_txt</span></li>
<li><span style="color: #000080;">konu_txt</span></li>
<li><span style="color: #000080;">mesaj_txt</span></li>
<li><span style="color: #000080;">rapor_txt</span></li>
</ul>
<p>Text kutucuklarından 4&#8242;ü (<span style="color: #000080;">isim_txt, email_txt, konu_txt, mesaj_txt</span>) input text,  <span style="color: #000080;">rapor_txt</span> ise dynamic text formatındadır.</p>
<p><strong>Butonlar;<br />
</strong></p>
<ul>
<li><span style="color: #000080;">temizle_btn</span></li>
<li><span style="color: #000080;">gonder_btn</span></li>
</ul>
<p>Hemen Actions panelimizi açıp kodlarımızı yazmaya başlayalım.</p>
<p>İlk olarak her ihtimale karşı bütün text kutucuklarımızı boşaltıyoruz.</p>
<div class="wp_syntax">
<div class="code">
<pre class="actionscript3" style="font-family: monospace;"> isim_txt.<strong><span style="color: #3366ff;">text</span></strong>=<span style="color: #008000;">""</span>;
 email_txt.<strong><span style="color: #3366ff;">text</span></strong>=<span style="color: #008000;">""</span>;
 konu_txt.<strong><span style="color: #3366ff;">text</span></strong>=<span style="color: #008000;">""</span>;
 mesaj_txt.<strong><span style="color: #3366ff;">text</span></strong>=<span style="color: #008000;">""</span>;
<span style="color: #999999;"><em>//rapor_mc nin visible(görünürlük) değerini false(görünmez) olarak ayarlıyoruz.</em></span>
rapor_mc.<strong><span style="color: #3366ff;">visible</span></strong>=<strong><span style="color: #3366ff;">false</span></strong>;
<span style="color: #000000;">
</span></pre>
</div>
</div>
<p>Değikenleri oluşturuyoruz.</p>
<div class="wp_syntax">
<div class="code">
<pre class="actionscript3" style="font-family: monospace;"><span style="color: #3366ff;"><strong><code>v</code>ar </strong></span>zamanlayici:<strong><span style="color: #3366ff;">Timer</span></strong>;
<strong><span style="color: #3366ff;">var </span></strong>url_yukle:<strong><span style="color: #3366ff;">URLLoader</span></strong>=<strong><span style="color: #3366ff;">new </span><span style="color: #3366ff;">URLLoader  </span></strong>;
<strong><span style="color: #3366ff;">var </span></strong>url_adresi:<strong><span style="color: #3366ff;">URLRequest</span></strong>=<strong><span style="color: #3366ff;">new </span><span style="color: #3366ff;">URLRequest</span></strong>(<span style="color: #008000;">"gonder.php"</span>);
url_adresi.<strong><span style="color: #3366ff;">method</span></strong>=<strong><span style="color: #3366ff;">URLRequestMethod</span></strong>.<strong><span style="color: #3366ff;">POST</span></strong>;<code> </code>
<span style="color: #000000;"> </span></pre>
</div>
</div>
<p>Buttonlara olay dinleyicilerini atıyoruz.</p>
<div class="wp_syntax">
<div class="code">
<pre class="actionscript3" style="font-family: monospace;"><code><span style="color: #3366ff;"><strong> </strong></span></code>gonder_btn.<strong><span style="color: #3366ff;">addEventListener</span></strong>(<span style="color: #3366ff;"><strong>MouseEvent</strong></span>.<strong><span style="color: #3366ff;">CLICK</span></strong>, gonderFNC);
temizle_btn.<strong><span style="color: #3366ff;">addEventListener</span></strong>(<strong><span style="color: #3366ff;">MouseEvent</span></strong>.<strong><span style="color: #3366ff;">CLICK</span></strong>, temizleFNC);</pre>
</div>
</div>
<p><span style="color: #0000ff;">temizleFNC </span>Fonksiyonunu:</p>
<div class="wp_syntax">
<div class="code">
<pre class="actionscript3" style="font-family: monospace;"><span style="color: #3366ff;"><code><strong> </strong></code><strong>function </strong></span>temizleFNC(e:<strong><span style="color: #3366ff;">Event</span></strong>){
 isim_txt.<strong><span style="color: #3366ff;">text</span></strong>=<span style="color: #008000;">""</span>;
 email_txt.<strong><span style="color: #3366ff;">text</span></strong>=<span style="color: #008000;">""</span>;
 konu_txt.<strong><span style="color: #3366ff;">text</span></strong>=<span style="color: #008000;">""</span>;
 mesaj_txt.<strong><span style="color: #3366ff;">text</span></strong>=<span style="color: #008000;">""</span>;
mesaj_txt.sdlf
 rapor_mc.<strong><span style="color: #3366ff;">visible</span></strong>=<strong><span style="color: #3366ff;">false</span></strong>;
}<span style="color: #000000;"> </span></pre>
</div>
</div>
<p><span style="color: #0000ff;">gonderFNC </span>Fonksiyonu:</p>
<p>gonderFNC fonksiyonunda ilk olarak rapor_mc nin visible değerini true olarak ayarlıyoruz.</p>
<p>Daha sonra ilk if te, girilmesi zorunlu olan tüm text kutucuklarının boş olup olmadığı kontrol ediliyor.</p>
<p>İlk if&#8217;in şartları onaylandıktan sonra else if&#8217;te mailKontrolFNC fonksiyonu ile mailin doğrumu yanlışmı girildiği kontrol ediliyor.</p>
<p>else if&#8217;in şartlarıda onaylandıktan sonra else ile rapor_mc&#8217;nin içindeki rapor_txt&#8217;e &#8220;Gönderiliyor&#8230;&#8221; yazdırılıyor, ve sonra email_data adı ile oluşturulan String türünde değişken ile text kutucuklarına girilen değerler URL_vars değişkeniyle Text formatıyla url_adresi değişkenine ardından url_yukle değişkenine eşitleniyor.</p>
<p>url_yukle değişkenine eklene olay denetleyicisi ile veri yuklendikten sonra yanitAlFNC fonksiyonu çağrılıyor.</p>
<div class="wp_syntax">
<div class="code">
<pre class="actionscript3" style="font-family: monospace;"><span style="color: #3366ff;"><strong>function </strong></span>gonderFNC(e:<strong><span style="color: #3366ff;">Event</span></strong>) {
 rapor_mc.<strong><span style="color: #3366ff;">visible</span></strong>=<strong><span style="color: #3366ff;">true</span></strong>;
<strong><span style="color: #3366ff;"> if</span></strong> (isim_txt.<strong><span style="color: #3366ff;">text</span></strong>==<span style="color: #008000;">""</span>||email_txt.<strong><span style="color: #3366ff;">text</span></strong>==<span style="color: #008000;">""</span>||konu_txt.<strong><span style="color: #3366ff;">text</span></strong>==<span style="color: #008000;">""</span>||mesaj_txt.<strong><span style="color: #3366ff;">text</span></strong>==<span style="color: #008000;">""</span>) {
 rapor_mc.rapor_txt.<strong><span style="color: #3366ff;">text</span></strong>=<span style="color: #008000;">"Lütfen tüm alanları doldurunuz."</span>;
 } <strong><span style="color: #3366ff;">else if</span></strong> (!mailKontrolFNC(email_txt.<strong><span style="color: #3366ff;">text</span></strong>)) {
 rapor_mc.rapor_txt.<strong><span style="color: #3366ff;">text</span></strong>=<span style="color: #008000;">"Lütfen email adresinizi kontrol edin."</span>;
 } <strong><span style="color: #3366ff;">else </span></strong>{
 rapor_mc.rapor_txt.<strong><span style="color: #3366ff;">text</span></strong>=<span style="color: #008000;">"Gönderiliyor..."</span>;
 <strong><span style="color: #3366ff;">var </span></strong>email_data:<strong><span style="color: #3366ff;">String</span></strong>=<span style="color: #008000;">"name="</span>+isim_txt.<strong><span style="color: #3366ff;">text</span></strong>+<span style="color: #008000;">"$email="</span>+email_txt.<strong><span style="color: #3366ff;">text</span></strong>+<span style="color: #008000;">"$konu="</span>+konu_txt.<span style="color: #3366ff;"><strong>text</strong></span>+<span style="color: #008000;">"$mesaj="</span>+mesaj_txt.<span style="color: #3366ff;"><strong>text</strong></span>;
 <strong><span style="color: #3366ff;">var </span></strong>URL_vars:<strong><span style="color: #3366ff;">URLVariables</span></strong>=<strong><span style="color: #3366ff;">new </span><span style="color: #3366ff;">URLVariables</span></strong>(email_data);
 URL_vars.<strong><span style="color: #3366ff;">dataFormat</span></strong>=<strong><span style="color: #3366ff;">URLLoaderDataFormat</span></strong>.<strong><span style="color: #3366ff;">TEXT</span></strong>;

 url_adresi.<strong><span style="color: #3366ff;">data</span></strong>=URL_vars;
 url_yukle.<strong><span style="color: #3366ff;">load</span></strong>(url_adresi);
 url_yukle.<strong><span style="color: #3366ff;">addEventListener</span></strong>(<strong><span style="color: #3366ff;">Event</span></strong>.<strong><span style="color: #3366ff;">COMPLETE</span></strong>,yanitAlFNC);
 }
}
<span style="color: #000000;"> </span></pre>
</div>
</div>
<p><span style="color: #0000ff;">mailKontrolFNC </span>Fonksiyonu:</p>
<p>mailKontrolFNC fonksiyonu ile email_txt text kutucuğuna girilen mail adresinin doğru olup olmadığı kontrol ediliyor.</p>
<div class="wp_syntax">
<div class="code">
<pre class="actionscript3" style="font-family: monospace;"><strong><span style="color: #3366ff;">function </span></strong>mailKontrolFNC(s:<strong><span style="color: #3366ff;">String</span></strong>):<strong><span style="color: #3366ff;">Boolean </span></strong>{
 <strong><span style="color: #3366ff;">var </span></strong>p:<strong><span style="color: #3366ff;">RegExp</span></strong>=<span style="color: #008000;">/^[a-z][\w.-]+@\w[\w.-]+\.[\w.-]*[a-z][a-z]$/</span>;
 <strong><span style="color: #3366ff;">var </span></strong>r:<strong><span style="color: #3366ff;">Object </span></strong>= p.<strong><span style="color: #3366ff;">exec</span></strong>(s)
 <strong><span style="color: #3366ff;">if </span></strong>(r==<strong><span style="color: #3366ff;">null</span></strong>) {
 <strong><span style="color: #3366ff;">return </span><span style="color: #3366ff;">false</span></strong>;
 }
 <strong><span style="color: #3366ff;">return<span style="color: #3366ff;"> </span></span><span style="color: #3366ff;">true</span></strong>;
}</pre>
</div>
</div>
<p><span style="color: #3366ff;">yanitAlFNC </span>Fonksiyonu</p>
<p>yanitAlFNC fonksiyonunda zamanlayici fonksiyonu ile verilerin belirtilen php dosyasına ulaşıp ulaşmadığı kontrol ediliyor.</p>
<div class="wp_syntax">
<div class="code">
<pre class="actionscript3" style="font-family: monospace;"><strong><span style="color: #3366ff;">function </span></strong>yanitAlFNC(e:<strong><span style="color: #3366ff;">Event</span></strong>):<strong><span style="color: #3366ff;">void </span></strong>{
 <strong><span style="color: #3366ff;">var </span></strong>yukleyici:<strong><span style="color: #3366ff;">URLLoader</span></strong>=<strong><span style="color: #3366ff;">URLLoader</span></strong>(e.<strong><span style="color: #3366ff;">target</span></strong>);
 <strong><span style="color: #3366ff;">var </span></strong>email_durumu=<strong><span style="color: #3366ff;">new URLVariables(</span></strong>yukleyici.<strong><span style="color: #3366ff;">data</span></strong><span style="color: #3366ff;">).</span>success;

 <strong><span style="color: #3366ff;">if </span></strong>(email_durumu==<span style="color: #008000;">"yes"</span>) {
 rapor_mc.rapor_txt.<strong><span style="color: #3366ff;">text</span></strong>=<span style="color: #008000;">"Mesajınız başarılı bir şekilde gönderilmiştir."</span>;
 zamanlayici=<strong><span style="color: #3366ff;">new Timer</span></strong>(500);
 zamanlayici.<strong><span style="color: #3366ff;">addEventListener</span></strong>(<strong><span style="color: #3366ff;">TimerEvent</span></strong>.<strong><span style="color: #3366ff;">TIMER</span></strong>, zamanlayiciFNC);
 zamanlayici.<strong><span style="color: #3366ff;">start</span></strong>();
 } <strong><span style="color: #3366ff;">else </span></strong>{
 mesaj_txt.<strong><span style="color: #3366ff;">text</span></strong>=<span style="color: #008000;">"Mesajınız Gönderilemedi."</span>;
 }
}</pre>
</div>
</div>
<p><span style="color: #3366ff;">zamanlayiciFNC </span>Fonksiyonu</p>
<p>zamanlayiciFNC  fonksiyonu belirtilen süreden sonra tüm text kutucuklarının içini boşaltıyor.</p>
<div class="wp_syntax">
<div class="code">
<pre class="actionscript3" style="font-family: monospace; text-align: justify;"> <strong><span style="color: #3366ff;">function </span></strong>zamanlayiciFNC(te:<strong><span style="color: #3366ff;">TimerEvent</span></strong>):<strong><span style="color: #3366ff;">void </span></strong>{
 <strong><span style="color: #3366ff;">if </span></strong>(zamanlayici.<strong><span style="color: #3366ff;">currentCount</span></strong>&gt;=10) {
 isim_txt.<strong><span style="color: #3366ff;">text</span></strong>=<span style="color: #008000;">""</span>;
 email_txt.<strong><span style="color: #3366ff;">text</span></strong>=<span style="color: #008000;">""</span>;
 konu_txt.<strong><span style="color: #3366ff;">text</span></strong>=<span style="color: #008000;">""</span>;
 mesaj_txt.<strong><span style="color: #3366ff;">text</span></strong>=<span style="color: #008000;">""</span>;
 rapor_mc.<span style="color: #3366ff;"><strong>visible</strong></span>=<strong><span style="color: #3366ff;">false</span></strong>;
 zamanlayici.<strong><span style="color: #3366ff;">removeEventListener</span></strong>(<strong><span style="color: #3366ff;">TimerEvent</span></strong>.<strong><span style="color: #3366ff;">TIMER</span></strong>,zamanlayiciFNC);
 }
}</pre>
</div>
</div>
<h4><strong>Dosyalar:</strong></h4>
<pre><a href="http://www.selmankurt.com/dosyalar/mail_form_finish.fla"><img title="fla" src="http://www.flashdersleri.net/wp-content/uploads/2010/01/fla.png" alt="" width="48" height="48" /></a><a href="http://www.selmankurt.com/dosyalar/gonder_php.rar"><img title="php" src="http://www.flashdersleri.net/wp-content/uploads/2010/01/php.png" alt="" width="48" height="48" /></a></pre>
<div>Elimden geldiğince, dilim döndüğünce <img src='http://www.flashdersleri.net/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  anlatmaya çalıştım.</div>
<div>İnşallah faydalı ve beğenilen bir ders olmuştur.</div>
<div>Herkese iyi çalışmalar&#8230;</div>
]]></content:encoded>
			<wfw:commentRss>http://www.flashdersleri.net/2010/01/31/as3-php-ile-iletisim-formu/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Dönme Merkezi Noktası</title>
		<link>http://www.flashdersleri.net/2010/01/18/donme-merkezi-noktasi/</link>
		<comments>http://www.flashdersleri.net/2010/01/18/donme-merkezi-noktasi/#comments</comments>
		<pubDate>Mon, 18 Jan 2010 14:48:58 +0000</pubDate>
		<dc:creator>Fullusi</dc:creator>
				<category><![CDATA[ActionScript 3.0]]></category>
		<category><![CDATA[center point]]></category>
		<category><![CDATA[dönme noktası]]></category>
		<category><![CDATA[focus]]></category>
		<category><![CDATA[kayıt noktası]]></category>
		<category><![CDATA[Matrix]]></category>
		<category><![CDATA[MatrixTransformer]]></category>
		<category><![CDATA[motion]]></category>
		<category><![CDATA[odak]]></category>
		<category><![CDATA[registration point]]></category>
		<category><![CDATA[rotasyon]]></category>
		<category><![CDATA[rotateAroundExternalPoint]]></category>
		<category><![CDATA[rotation]]></category>

		<guid isPermaLink="false">http://www.flashdersleri.net/?p=791</guid>
		<description><![CDATA[Rotasyon, nesnelerin belirli bir noktaya göre yatay eksenle yaptığı açısının değiştirilmesi durumudur. Rotasyonun referans aldığı noktayı manuel olarak değiştirip nesneyi belirli bir noktaya göre döndürebirilirz. Bunu kodlamalarla yapmak istediğimizde ise dönme noktasını direkt veya indirekt olarak değiştirme gibi birkaç yöntem bize yardımcı olacaktır. Mesela nesneyi bir klip içine koyup daha sonra dışardaki klibin rotasyonunu değiştirmek. [...]]]></description>
			<content:encoded><![CDATA[<p>Rotasyon, nesnelerin belirli bir noktaya göre yatay eksenle yaptığı açısının değiştirilmesi durumudur. Rotasyonun referans aldığı noktayı manuel olarak değiştirip nesneyi belirli bir noktaya göre döndürebirilirz. Bunu kodlamalarla yapmak istediğimizde ise dönme noktasını direkt veya indirekt olarak değiştirme gibi birkaç yöntem bize yardımcı olacaktır. Mesela nesneyi bir klip içine koyup daha sonra dışardaki klibin rotasyonunu değiştirmek. Bu yolla içerdeki nesnenin x ve y koordinatlarını değiştirerek içteki klibin dönme noktasını değiştirmiş gibi oluruz. Başka bir yöntem olarak, nesnenin x ve y konumlarını trigonometrik olarak sinus ve kosinüs değişkenleri ile orantılandırıp yüzünü de (aradaki açının değerini rotasyona atayarak) merkez noktaya çevirirsek yine dönme noktasını değiştirebilme şansımız olur. Bunlardan başka mutlaka çok yöntem vardır ama benim son belirtmek istediğim yöntem MatrixTransformer sınıfını kullanarak yapılan dönme merkez noktası değişimidir. Bu yazıda bu son yöntemin üzerinde duracağız. Öncelikle yapacağımız uygulamaya bakalım;</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="550" height="400" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="http://www.flashdersleri.net/wp-content/uploads/2010/01/donme_noktasi.swf" /><embed type="application/x-shockwave-flash" width="550" height="400" src="http://www.flashdersleri.net/wp-content/uploads/2010/01/donme_noktasi.swf"></embed></object></p>
<p>Görüldüğü gibi nesne mouse tıklamasıyla değiştirilebilen bir odak noktaya göre dönüyor. Bunu yapabilmek için aşağıdaki, açıklamaları aynı satırda verilmiş olan kodları kullanıyoruz (objeler kodla oluşturuşuyor, dolayısıyla sadece kodları eklemeniz yetecek)</p>

<div class="wp_syntax"><div class="code"><pre class="actionscript3" style="font-family:monospace;"><span style="color: #004993; font-weight: bold;">import</span> fl.motion.MatrixTransformer;<span style="color: #3f5fbf;">/*sınıfı çekiyoruz*/</span>
&nbsp;
<span style="color: #004993; font-weight: bold;">var</span> kare<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Shape</span>=<span style="color: #004993; font-weight: bold;">new</span> <span style="color: #004993;">Shape</span><span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>;<span style="color: #3f5fbf;">/*dönme noktası ile oynayacağımız dörtgeni çiziyoruz*/</span>
kare.<span style="color: #004993;">graphics</span>.<span style="color: #004993;">beginFill</span><span style="color: #000000;">&#40;</span>0x79899F,<span style="color: #000000; font-weight:bold;">1</span><span style="color: #000000;">&#41;</span><span style="color: #3f5fbf;">/*dolgu rengi, alpha*/</span>
kare.<span style="color: #004993;">graphics</span>.<span style="color: #004993;">lineStyle</span><span style="color: #000000;">&#40;</span><span style="color: #000000; font-weight:bold;">1</span>, 0x58677C<span style="color: #000000;">&#41;</span>;<span style="color: #3f5fbf;">/*çizgi kalınlığı, rengi*/</span>
kare.<span style="color: #004993;">graphics</span>.<span style="color: #004993;">drawRect</span><span style="color: #000000;">&#40;</span><span style="color: #004993;">stage</span>.<span style="color: #004993;">stageWidth</span><span style="color: #000000; font-weight: bold;">/</span><span style="color: #000000; font-weight:bold;">2</span><span style="color: #000000; font-weight: bold;">-</span><span style="color: #000000; font-weight:bold;">30</span>, <span style="color: #004993;">stage</span>.<span style="color: #004993;">stageHeight</span><span style="color: #000000; font-weight: bold;">/</span><span style="color: #000000; font-weight:bold;">2</span><span style="color: #000000; font-weight: bold;">-</span><span style="color: #000000; font-weight:bold;">30</span>, <span style="color: #000000; font-weight:bold;">60</span>,<span style="color: #000000; font-weight:bold;">60</span><span style="color: #000000;">&#41;</span>;<span style="color: #3f5fbf;">/*sahnenin ortasına bir kare*/</span>
kare.<span style="color: #004993;">graphics</span>.<span style="color: #004993;">endFill</span><span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>;<span style="color: #3f5fbf;">/*dolgu bitti*/</span>
<span style="color: #004993;">addChild</span><span style="color: #000000;">&#40;</span>kare<span style="color: #000000;">&#41;</span>;<span style="color: #3f5fbf;">/*sahneye eklendi*/</span>
&nbsp;
<span style="color: #004993; font-weight: bold;">var</span> odak<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Shape</span>=<span style="color: #004993; font-weight: bold;">new</span> <span style="color: #004993;">Shape</span><span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>;<span style="color: #3f5fbf;">/*odak noktasını belirteceğeimiz daireyi çiziyoruz*/</span>
odak.<span style="color: #004993;">graphics</span>.<span style="color: #004993;">beginFill</span><span style="color: #000000;">&#40;</span>0xffffff,.3<span style="color: #000000;">&#41;</span>
odak.<span style="color: #004993;">graphics</span>.<span style="color: #004993;">lineStyle</span><span style="color: #000000;">&#40;</span><span style="color: #000000; font-weight:bold;">1</span>, 0xC9C8BE<span style="color: #000000;">&#41;</span>;
odak.<span style="color: #004993;">graphics</span>.<span style="color: #004993;">drawCircle</span><span style="color: #000000;">&#40;</span><span style="color: #000000; font-weight:bold;">0</span>, <span style="color: #000000; font-weight:bold;">0</span>, <span style="color: #000000; font-weight:bold;">3</span><span style="color: #000000;">&#41;</span>;
odak.<span style="color: #004993;">graphics</span>.<span style="color: #004993;">endFill</span><span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>;
odak.<span style="color: #004993;">x</span>=<span style="color: #004993;">stage</span>.<span style="color: #004993;">stageWidth</span><span style="color: #000000; font-weight: bold;">/</span><span style="color: #000000; font-weight:bold;">2</span>;odak.<span style="color: #004993;">y</span>=<span style="color: #004993;">stage</span>.<span style="color: #004993;">stageHeight</span><span style="color: #000000; font-weight: bold;">/</span><span style="color: #000000; font-weight:bold;">2</span>
<span style="color: #004993;">addChild</span><span style="color: #000000;">&#40;</span>odak<span style="color: #000000;">&#41;</span>;
&nbsp;
<span style="color: #004993;">stage</span>.<span style="color: #004993;">addEventListener</span><span style="color: #000000;">&#40;</span><span style="color: #004993;">Event</span>.<span style="color: #004993;">ENTER_FRAME</span>, calis<span style="color: #000000;">&#41;</span>;<span style="color: #3f5fbf;">/*enterframe fonksiyonunu atıyoruz*/</span>
<span style="color: #004993; font-weight: bold;">var</span> m<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Matrix</span> = <span style="color: #004993; font-weight: bold;">new</span> <span style="color: #004993;">Matrix</span><span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>;<span style="color: #3f5fbf;">/*matrixTransformer'da kullanacağımız matrix'i tanımladık*/</span>
<span style="color: #004993; font-weight: bold;">function</span> calis<span style="color: #000000;">&#40;</span>e<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Event</span><span style="color: #000000;">&#41;</span><span style="color: #000000;">&#123;</span><span style="color: #3f5fbf;">/*fonksiyonu yazıyoruz*/</span>
MatrixTransformer.rotateAroundExternalPoint<span style="color: #000000;">&#40;</span>m, odak.<span style="color: #004993;">x</span>, odak.<span style="color: #004993;">y</span>, <span style="color: #000000; font-weight:bold;">5</span><span style="color: #000000;">&#41;</span>;<span style="color: #3f5fbf;">/*rotateAroundExternalPoint, klibi belirlenen noktalarla döndürmek için kullanılıyor.
Kodda 5 değeri verdiğimiz kısım dönme açısıdır, her frame de mevcut rotasyona bu değer katılıyor. arttırırsak hızlı döner, negatif değer verirsek ters yöne döner.*/</span>
kare.<span style="color: #004993;">transform</span>.<span style="color: #004993;">matrix</span> = m;<span style="color: #3f5fbf;">/*karenin transform matrix'ini bizim matrixe eşitliyoruz*/</span>
<span style="color: #000000;">&#125;</span>
<span style="color: #004993;">stage</span>.<span style="color: #004993;">addEventListener</span><span style="color: #000000;">&#40;</span><span style="color: #004993;">MouseEvent</span>.<span style="color: #004993;">MOUSE_DOWN</span>,tik<span style="color: #000000;">&#41;</span>;<span style="color: #3f5fbf;">/*odak koordinatlarını mouse tıklamasına göre ayarlıyoruz*/</span>
<span style="color: #004993; font-weight: bold;">function</span> tik<span style="color: #000000;">&#40;</span>e<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">MouseEvent</span><span style="color: #000000;">&#41;</span> <span style="color: #000000;">&#123;</span>
	odak.<span style="color: #004993;">x</span>=<span style="color: #004993;">mouseX</span>
	odak.<span style="color: #004993;">y</span>=<span style="color: #004993;">mouseY</span>
<span style="color: #000000;">&#125;</span></pre></div></div>

<p>Kodlar bu kadar, test edince çalışan uygulamayı görebilirsiniz. Bu yöntemleri çeşitli efekt animasyonlarında, eklem kinematiği simulasyonlarında ve daha bir çok rotasyona dayalı uygulamada kullanabilirsiniz.</p>
<p>&#8212;<br />
Kaynak Dosya:<br />
<a href="http://www.flashdersleri.net/wp-content/uploads/2010/01/donme_noktasi.zip">donme_noktasi.fla</a></p>
<p>Takip Edin:<br />
<a href="http://www.flashdersleri.net/author/fullusi">Tüm Yazılar</a> | <a href="http://www.flashdersleri.net/author/fullusi/feed/">Tüm Yazılar RSS</a> | <a href="http://twitter.com/fullusi">Twitter</a><br />
&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-</p>
]]></content:encoded>
			<wfw:commentRss>http://www.flashdersleri.net/2010/01/18/donme-merkezi-noktasi/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Sürükle-Bırak (2-Tek Noktası Değişen Üçgen)</title>
		<link>http://www.flashdersleri.net/2010/01/12/surukle-birak-2-degisen-ucgen/</link>
		<comments>http://www.flashdersleri.net/2010/01/12/surukle-birak-2-degisen-ucgen/#comments</comments>
		<pubDate>Tue, 12 Jan 2010 14:49:06 +0000</pubDate>
		<dc:creator>Selçuk</dc:creator>
				<category><![CDATA[ActionScript 3.0]]></category>
		<category><![CDATA[as3]]></category>
		<category><![CDATA[as3 startdrag]]></category>
		<category><![CDATA[as3 startdrag uygulama]]></category>
		<category><![CDATA[as3 stopdrag]]></category>

		<guid isPermaLink="false">http://www.flashdersleri.net/?p=771</guid>
		<description><![CDATA[Merhaba,
Bu dersimizde bir önceki Sürükle-Bırak dersinde öğrendiğimiz startDrag ve stopDrag Komutlarıyla basit bir uygulama yapacağız.Gene her işimizi kodlarla halledip sahneye birşey çizmiyeceğiz.
Yapacağımız uygulamada bir adet üçgenimiz olacak ve üçgenin bir ucu sürüklenebilir olacaktır.Böylece üçgenin boyutları anlık değiştirilebilecek.Öncelikle her uygulama geliştirirken en başta yapacağınız mantıksal düşünmemizi gerçekleştirelim ;
Yapmak istediğimiz bir üçgen.Demekki biz 3 adet nokta oluşturup [...]]]></description>
			<content:encoded><![CDATA[<p>Merhaba,</p>
<p>Bu dersimizde bir önceki Sürükle-Bırak dersinde öğrendiğimiz startDrag ve stopDrag Komutlarıyla basit bir uygulama yapacağız.Gene her işimizi kodlarla halledip sahneye birşey çizmiyeceğiz.</p>
<p>Yapacağımız uygulamada bir adet üçgenimiz olacak ve üçgenin bir ucu sürüklenebilir olacaktır.Böylece üçgenin boyutları anlık değiştirilebilecek.Öncelikle her uygulama geliştirirken en başta yapacağınız mantıksal düşünmemizi gerçekleştirelim ;</p>
<p>Yapmak istediğimiz bir üçgen.Demekki biz 3 adet nokta oluşturup bunların arasında üçgen çizimi oluşturabiliriz.Daha sonra bu noktalardan herhangi birine sürükleme komutlarımızı ekleyerek sürüklenebilir yaparız.Şimdi kodlarla nasıl yapıldığını görelim&#8230;</p>
<h3>1-Gerekli Nesnelerin Oluşturulması</h3>

<div class="wp_syntax"><div class="code"><pre class="actionscript3" style="font-family:monospace;"><span style="color: #3f5fbf;">/*Sahnemizin width ve height değerlerini atayacağımız
değişkenler oluşturalım*/</span>
<span style="color: #004993; font-weight: bold;">var</span> sWidth<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Number</span> = <span style="color: #000000; font-weight:bold;">400</span>;
<span style="color: #004993; font-weight: bold;">var</span> sHeight<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Number</span> = <span style="color: #000000; font-weight:bold;">300</span>;
&nbsp;
<span style="color: #E0E0E0;">//Gerekli nesneleri sprite() türünde oluşturalım</span>
<span style="color: #004993; font-weight: bold;">var</span> sahne<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Sprite</span> = <span style="color: #004993; font-weight: bold;">new</span> <span style="color: #004993;">Sprite</span><span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>;
<span style="color: #004993; font-weight: bold;">var</span> ucgen<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Sprite</span> = <span style="color: #004993; font-weight: bold;">new</span> <span style="color: #004993;">Sprite</span><span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>;
<span style="color: #004993; font-weight: bold;">var</span> nokta1<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Sprite</span> = <span style="color: #004993; font-weight: bold;">new</span> <span style="color: #004993;">Sprite</span><span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>;
<span style="color: #004993; font-weight: bold;">var</span> nokta2<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Sprite</span> = <span style="color: #004993; font-weight: bold;">new</span> <span style="color: #004993;">Sprite</span><span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>;
<span style="color: #004993; font-weight: bold;">var</span> snokta<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Sprite</span> = <span style="color: #004993; font-weight: bold;">new</span> <span style="color: #004993;">Sprite</span><span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>;
&nbsp;
<span style="color: #E0E0E0;">//Sahneyi ekrana diğer öğeleride sahneye ekleyelim</span>
<span style="color: #004993;">addChild</span><span style="color: #000000;">&#40;</span>sahne<span style="color: #000000;">&#41;</span>;
sahne.<span style="color: #004993;">addChild</span><span style="color: #000000;">&#40;</span>ucgen<span style="color: #000000;">&#41;</span>;
sahne.<span style="color: #004993;">addChild</span><span style="color: #000000;">&#40;</span>nokta1<span style="color: #000000;">&#41;</span>;
sahne.<span style="color: #004993;">addChild</span><span style="color: #000000;">&#40;</span>nokta2<span style="color: #000000;">&#41;</span>;
sahne.<span style="color: #004993;">addChild</span><span style="color: #000000;">&#40;</span>snokta<span style="color: #000000;">&#41;</span>;
&nbsp;
<span style="color: #E0E0E0;">//Sahnemizin grafiksel özelliklerini verelim</span>
sahne.<span style="color: #004993;">graphics</span>.<span style="color: #004993;">lineStyle</span><span style="color: #000000;">&#40;</span><span style="color: #000000; font-weight:bold;">1</span>,0x000000<span style="color: #000000;">&#41;</span>;
sahne.<span style="color: #004993;">graphics</span>.<span style="color: #004993;">beginFill</span><span style="color: #000000;">&#40;</span>0xCCCCCC<span style="color: #000000;">&#41;</span>;
sahne.<span style="color: #004993;">graphics</span>.<span style="color: #004993;">drawRect</span><span style="color: #000000;">&#40;</span><span style="color: #000000; font-weight:bold;">0</span>,<span style="color: #000000; font-weight:bold;">0</span>,sWidth,sHeight<span style="color: #000000;">&#41;</span>;
sahne.<span style="color: #004993;">graphics</span>.<span style="color: #004993;">endFill</span><span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>;
sahne.<span style="color: #004993;">x</span> = <span style="color: #000000; font-weight:bold;">20</span>;
sahne.<span style="color: #004993;">y</span> = <span style="color: #000000; font-weight:bold;">20</span>;
&nbsp;
<span style="color: #E0E0E0;">//Nokta1 in grafiksel özelliklerini verelim</span>
nokta1.<span style="color: #004993;">graphics</span>.<span style="color: #004993;">lineStyle</span><span style="color: #000000;">&#40;</span><span style="color: #000000; font-weight:bold;">1</span>,0x000000<span style="color: #000000;">&#41;</span>;
nokta1.<span style="color: #004993;">graphics</span>.<span style="color: #004993;">beginFill</span><span style="color: #000000;">&#40;</span>0xFF0000<span style="color: #000000;">&#41;</span>;
nokta1.<span style="color: #004993;">graphics</span>.<span style="color: #004993;">drawCircle</span><span style="color: #000000;">&#40;</span><span style="color: #000000; font-weight:bold;">0</span>,<span style="color: #000000; font-weight:bold;">0</span>,<span style="color: #000000; font-weight:bold;">5</span><span style="color: #000000;">&#41;</span>;
nokta1.<span style="color: #004993;">graphics</span>.<span style="color: #004993;">endFill</span><span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>;
nokta1.<span style="color: #004993;">x</span> = <span style="color: #000000; font-weight:bold;">50</span>;
nokta1.<span style="color: #004993;">y</span> = <span style="color: #000000; font-weight:bold;">50</span>;
&nbsp;
<span style="color: #E0E0E0;">//Nokta2 nin grafiksel özelliklerini verelim</span>
nokta2.<span style="color: #004993;">graphics</span>.<span style="color: #004993;">lineStyle</span><span style="color: #000000;">&#40;</span><span style="color: #000000; font-weight:bold;">1</span>,0x000000<span style="color: #000000;">&#41;</span>;
nokta2.<span style="color: #004993;">graphics</span>.<span style="color: #004993;">beginFill</span><span style="color: #000000;">&#40;</span>0x0000FF<span style="color: #000000;">&#41;</span>;
nokta2.<span style="color: #004993;">graphics</span>.<span style="color: #004993;">drawCircle</span><span style="color: #000000;">&#40;</span><span style="color: #000000; font-weight:bold;">0</span>,<span style="color: #000000; font-weight:bold;">0</span>,<span style="color: #000000; font-weight:bold;">5</span><span style="color: #000000;">&#41;</span>;
nokta2.<span style="color: #004993;">graphics</span>.<span style="color: #004993;">endFill</span><span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>;
nokta2.<span style="color: #004993;">x</span> = <span style="color: #000000; font-weight:bold;">50</span>;
nokta2.<span style="color: #004993;">y</span> = <span style="color: #000000; font-weight:bold;">250</span>;
&nbsp;
<span style="color: #E0E0E0;">//snokta(sürüklenen nokta) grafiksel özellikleri</span>
snokta.<span style="color: #004993;">graphics</span>.<span style="color: #004993;">lineStyle</span><span style="color: #000000;">&#40;</span><span style="color: #000000; font-weight:bold;">1</span>,0x000000<span style="color: #000000;">&#41;</span>;
snokta.<span style="color: #004993;">graphics</span>.<span style="color: #004993;">beginFill</span><span style="color: #000000;">&#40;</span>0x00FF00<span style="color: #000000;">&#41;</span>;
snokta.<span style="color: #004993;">graphics</span>.<span style="color: #004993;">drawCircle</span><span style="color: #000000;">&#40;</span><span style="color: #000000; font-weight:bold;">0</span>,<span style="color: #000000; font-weight:bold;">0</span>,<span style="color: #000000; font-weight:bold;">5</span><span style="color: #000000;">&#41;</span>;
snokta.<span style="color: #004993;">graphics</span>.<span style="color: #004993;">endFill</span><span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>;
snokta.<span style="color: #004993;">x</span> = <span style="color: #000000; font-weight:bold;">150</span>;
snokta.<span style="color: #004993;">y</span> = <span style="color: #000000; font-weight:bold;">150</span>;</pre></div></div>

<h3>2-Sürüklenen Nokta Ayarları</h3>

<div class="wp_syntax"><div class="code"><pre class="actionscript3" style="font-family:monospace;">snokta.<span style="color: #004993;">addEventListener</span><span style="color: #000000;">&#40;</span><span style="color: #004993;">MouseEvent</span>.<span style="color: #004993;">MOUSE_DOWN</span>,sbaslat<span style="color: #000000;">&#41;</span>;
<span style="color: #004993; font-weight: bold;">function</span> sbaslat<span style="color: #000000;">&#40;</span>evt<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">MouseEvent</span><span style="color: #000000;">&#41;</span><span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993; font-weight: bold;">void</span>
<span style="color: #000000;">&#123;</span>
	<span style="color: #004993;">stage</span>.<span style="color: #004993;">addEventListener</span><span style="color: #000000;">&#40;</span><span style="color: #004993;">MouseEvent</span>.<span style="color: #004993;">MOUSE_MOVE</span>,noktasurukle<span style="color: #000000;">&#41;</span>;
<span style="color: #000000;">&#125;</span>
&nbsp;
<span style="color: #004993; font-weight: bold;">function</span> noktasurukle<span style="color: #000000;">&#40;</span>evt<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">MouseEvent</span><span style="color: #000000;">&#41;</span><span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993; font-weight: bold;">void</span>
<span style="color: #000000;">&#123;</span>
	snokta.<span style="color: #004993;">x</span> = degerX<span style="color: #000000;">&#40;</span>sahne.<span style="color: #004993;">mouseX</span><span style="color: #000000;">&#41;</span>;
	snokta.<span style="color: #004993;">y</span> = degerY<span style="color: #000000;">&#40;</span>sahne.<span style="color: #004993;">mouseY</span><span style="color: #000000;">&#41;</span>;
	ucgenciz<span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>;
	evt.<span style="color: #004993;">updateAfterEvent</span><span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>;
<span style="color: #000000;">&#125;</span>
&nbsp;
<span style="color: #004993;">stage</span>.<span style="color: #004993;">addEventListener</span><span style="color: #000000;">&#40;</span><span style="color: #004993;">MouseEvent</span>.<span style="color: #004993;">MOUSE_UP</span>,sdurdur<span style="color: #000000;">&#41;</span>;
<span style="color: #004993; font-weight: bold;">function</span> sdurdur<span style="color: #000000;">&#40;</span>evt<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">MouseEvent</span><span style="color: #000000;">&#41;</span><span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993; font-weight: bold;">void</span>
<span style="color: #000000;">&#123;</span>
	<span style="color: #004993;">stage</span>.<span style="color: #004993;">removeEventListener</span><span style="color: #000000;">&#40;</span><span style="color: #004993;">MouseEvent</span>.<span style="color: #004993;">MOUSE_MOVE</span>,noktasurukle<span style="color: #000000;">&#41;</span>;
<span style="color: #000000;">&#125;</span></pre></div></div>

<h3>3-Üçgen Oluşturma</h3>

<div class="wp_syntax"><div class="code"><pre class="actionscript3" style="font-family:monospace;"><span style="color: #004993; font-weight: bold;">function</span> ucgenciz<span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span><span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993; font-weight: bold;">void</span>
<span style="color: #000000;">&#123;</span>
	ucgen.<span style="color: #004993;">graphics</span>.<span style="color: #004993;">clear</span><span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>;
	ucgen.<span style="color: #004993;">graphics</span>.<span style="color: #004993;">lineStyle</span><span style="color: #000000;">&#40;</span><span style="color: #000000; font-weight:bold;">1</span>,0x000000<span style="color: #000000;">&#41;</span>;
	ucgen.<span style="color: #004993;">graphics</span>.<span style="color: #004993;">beginFill</span><span style="color: #000000;">&#40;</span>0xFFAAFF<span style="color: #000000;">&#41;</span>;
	ucgen.<span style="color: #004993;">graphics</span>.<span style="color: #004993;">moveTo</span><span style="color: #000000;">&#40;</span>nokta1.<span style="color: #004993;">x</span>,nokta1.<span style="color: #004993;">y</span><span style="color: #000000;">&#41;</span>;
	ucgen.<span style="color: #004993;">graphics</span>.<span style="color: #004993;">lineTo</span><span style="color: #000000;">&#40;</span>nokta2.<span style="color: #004993;">x</span>,nokta2.<span style="color: #004993;">y</span><span style="color: #000000;">&#41;</span>;
	ucgen.<span style="color: #004993;">graphics</span>.<span style="color: #004993;">lineTo</span><span style="color: #000000;">&#40;</span>snokta.<span style="color: #004993;">x</span>,snokta.<span style="color: #004993;">y</span><span style="color: #000000;">&#41;</span>;
	ucgen.<span style="color: #004993;">graphics</span>.<span style="color: #004993;">lineTo</span><span style="color: #000000;">&#40;</span>nokta1.<span style="color: #004993;">x</span>,nokta1.<span style="color: #004993;">y</span><span style="color: #000000;">&#41;</span>;
	ucgen.<span style="color: #004993;">graphics</span>.<span style="color: #004993;">endFill</span><span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>;
<span style="color: #000000;">&#125;</span>
&nbsp;
<span style="color: #004993; font-weight: bold;">function</span> degerX<span style="color: #000000;">&#40;</span>inX<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Number</span><span style="color: #000000;">&#41;</span><span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Number</span>
<span style="color: #000000;">&#123;</span>
	<span style="color: #004993; font-weight: bold;">if</span><span style="color: #000000;">&#40;</span>inX <span style="color: #000000; font-weight: bold;">&lt;</span> <span style="color: #000000; font-weight:bold;">0</span><span style="color: #000000;">&#41;</span> 	<span style="color: #000000;">&#123;</span> 		<span style="color: #004993; font-weight: bold;">return</span> <span style="color: #000000; font-weight:bold;">0</span>; 	<span style="color: #000000;">&#125;</span> 	<span style="color: #004993; font-weight: bold;">if</span><span style="color: #000000;">&#40;</span>inX <span style="color: #000000; font-weight: bold;">&gt;</span> sWidth<span style="color: #000000;">&#41;</span>
	<span style="color: #000000;">&#123;</span>
		<span style="color: #004993; font-weight: bold;">return</span> sWidth
	<span style="color: #000000;">&#125;</span>
	<span style="color: #004993; font-weight: bold;">return</span> inX;
<span style="color: #000000;">&#125;</span>
&nbsp;
<span style="color: #004993; font-weight: bold;">function</span> degerY<span style="color: #000000;">&#40;</span>inY<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Number</span><span style="color: #000000;">&#41;</span><span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Number</span>
<span style="color: #000000;">&#123;</span>
	<span style="color: #004993; font-weight: bold;">if</span><span style="color: #000000;">&#40;</span>inY <span style="color: #000000; font-weight: bold;">&lt;</span> <span style="color: #000000; font-weight:bold;">0</span><span style="color: #000000;">&#41;</span> 	<span style="color: #000000;">&#123;</span> 		<span style="color: #004993; font-weight: bold;">return</span> <span style="color: #000000; font-weight:bold;">0</span>; 	<span style="color: #000000;">&#125;</span> 	<span style="color: #004993; font-weight: bold;">if</span><span style="color: #000000;">&#40;</span>inY <span style="color: #000000; font-weight: bold;">&gt;</span> sHeight<span style="color: #000000;">&#41;</span>
	<span style="color: #000000;">&#123;</span>
		<span style="color: #004993; font-weight: bold;">return</span> sHeight;
	<span style="color: #000000;">&#125;</span>
	<span style="color: #004993; font-weight: bold;">return</span> inY;
<span style="color: #000000;">&#125;</span>
&nbsp;
<span style="color: #E0E0E0;">//Başlangıçtada üçgenimizin gözükmesi için ucgenciz fonksiyonunu çalıştıralım</span>
ucgenciz<span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>;</pre></div></div>

<p>Test Movie yaptığınızda aşağıdaki uygulamayı yaptığınızı görebilirsiniz <img src='http://www.flashdersleri.net/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="550" height="400" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="http://www.flashdersleri.net/wp-content/uploads/2010/01/Untitled-1.swf" /><embed type="application/x-shockwave-flash" width="550" height="400" src="http://www.flashdersleri.net/wp-content/uploads/2010/01/Untitled-1.swf"></embed></object></p>
<p>Sıradaki yazı olan Çoklu Sürüklenen Nokta Makalesinde görüşmek üzere&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.flashdersleri.net/2010/01/12/surukle-birak-2-degisen-ucgen/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Sürükle-Bırak (1-Komutların Öğrenilmesi)</title>
		<link>http://www.flashdersleri.net/2010/01/12/surukle-birak-1-komutlarin-ogrenilmesi/</link>
		<comments>http://www.flashdersleri.net/2010/01/12/surukle-birak-1-komutlarin-ogrenilmesi/#comments</comments>
		<pubDate>Tue, 12 Jan 2010 14:48:27 +0000</pubDate>
		<dc:creator>Selçuk</dc:creator>
				<category><![CDATA[ActionScript 3.0]]></category>
		<category><![CDATA[as3 startdrag]]></category>
		<category><![CDATA[as3 stopdrag]]></category>
		<category><![CDATA[as3 sürükleme]]></category>

		<guid isPermaLink="false">http://www.flashdersleri.net/?p=764</guid>
		<description><![CDATA[Merhaba,
Bu dersimizde herhangi bir öğeyi flash içerisinde as3 ile sürüklenebilir yapmayı öğreneceğiz.Dersimiz boyunca flash programında hiçbir çizim yapmıyacağız.Gerekli olan herşey tamamen kodlarla yapılacaktır.
1.Gerekli Öğelerin Oluşturulması

/*Sahne ve top isimli ögeleri oluşturalım.*/
var sahne:Sprite = new Sprite&#40;&#41;;
var top:Sprite = new Sprite&#40;&#41;;
&#160;
/*Ana sahnemize oluşturduğumuz sahneyi ve onun içerisine topu ekleyelim*/
addChild&#40;sahne&#41;;
sahne.addChild&#40;top&#41;;
&#160;
//Sahnenin kenar çizgisini siyah yapalım
sahne.graphics.lineStyle&#40;1,0x000000&#41;;
//Sahnenin dolgu rengini gri yapalım
sahne.graphics.beginFill&#40;0xCCCCCC&#41;;
//Sahneyi kare [...]]]></description>
			<content:encoded><![CDATA[<p>Merhaba,</p>
<p>Bu dersimizde herhangi bir öğeyi flash içerisinde as3 ile sürüklenebilir yapmayı öğreneceğiz.Dersimiz boyunca flash programında hiçbir çizim yapmıyacağız.Gerekli olan herşey tamamen kodlarla yapılacaktır.</p>
<h3>1.Gerekli Öğelerin Oluşturulması</h3>

<div class="wp_syntax"><div class="code"><pre class="actionscript3" style="font-family:monospace;"><span style="color: #3f5fbf;">/*Sahne ve top isimli ögeleri oluşturalım.*/</span>
<span style="color: #004993; font-weight: bold;">var</span> sahne<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Sprite</span> = <span style="color: #004993; font-weight: bold;">new</span> <span style="color: #004993;">Sprite</span><span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>;
<span style="color: #004993; font-weight: bold;">var</span> <span style="color: #004993;">top</span><span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Sprite</span> = <span style="color: #004993; font-weight: bold;">new</span> <span style="color: #004993;">Sprite</span><span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>;
&nbsp;
<span style="color: #3f5fbf;">/*Ana sahnemize oluşturduğumuz sahneyi ve onun içerisine topu ekleyelim*/</span>
<span style="color: #004993;">addChild</span><span style="color: #000000;">&#40;</span>sahne<span style="color: #000000;">&#41;</span>;
sahne.<span style="color: #004993;">addChild</span><span style="color: #000000;">&#40;</span><span style="color: #004993;">top</span><span style="color: #000000;">&#41;</span>;
&nbsp;
<span style="color: #E0E0E0;">//Sahnenin kenar çizgisini siyah yapalım</span>
sahne.<span style="color: #004993;">graphics</span>.<span style="color: #004993;">lineStyle</span><span style="color: #000000;">&#40;</span><span style="color: #000000; font-weight:bold;">1</span>,0x000000<span style="color: #000000;">&#41;</span>;
<span style="color: #E0E0E0;">//Sahnenin dolgu rengini gri yapalım</span>
sahne.<span style="color: #004993;">graphics</span>.<span style="color: #004993;">beginFill</span><span style="color: #000000;">&#40;</span>0xCCCCCC<span style="color: #000000;">&#41;</span>;
<span style="color: #E0E0E0;">//Sahneyi kare olarak çizelim</span>
sahne.<span style="color: #004993;">graphics</span>.<span style="color: #004993;">drawRect</span><span style="color: #000000;">&#40;</span><span style="color: #000000; font-weight:bold;">0</span>,<span style="color: #000000; font-weight:bold;">0</span>,<span style="color: #000000; font-weight:bold;">400</span>,<span style="color: #000000; font-weight:bold;">300</span><span style="color: #000000;">&#41;</span>;
<span style="color: #E0E0E0;">//Çizimi bitirelim</span>
sahne.<span style="color: #004993;">graphics</span>.<span style="color: #004993;">endFill</span><span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>;
<span style="color: #E0E0E0;">//Kordinat verelim</span>
sahne.<span style="color: #004993;">x</span> = <span style="color: #000000; font-weight:bold;">10</span>;
sahne.<span style="color: #004993;">y</span> = <span style="color: #000000; font-weight:bold;">10</span>;
&nbsp;
<span style="color: #E0E0E0;">//Top'un kenar rengini belirleyelim</span>
<span style="color: #004993;">top</span>.<span style="color: #004993;">graphics</span>.<span style="color: #004993;">lineStyle</span><span style="color: #000000;">&#40;</span><span style="color: #000000; font-weight:bold;">1</span>,0x000000<span style="color: #000000;">&#41;</span>;
<span style="color: #E0E0E0;">//Top'un dolgu rengini belirleyelim</span>
<span style="color: #004993;">top</span>.<span style="color: #004993;">graphics</span>.<span style="color: #004993;">beginFill</span><span style="color: #000000;">&#40;</span>0xBB2222<span style="color: #000000;">&#41;</span>;
<span style="color: #E0E0E0;">//Topu sahneye çizelim</span>
<span style="color: #004993;">top</span>.<span style="color: #004993;">graphics</span>.<span style="color: #004993;">drawCircle</span><span style="color: #000000;">&#40;</span><span style="color: #000000; font-weight:bold;">0</span>,<span style="color: #000000; font-weight:bold;">0</span>,<span style="color: #000000; font-weight:bold;">20</span><span style="color: #000000;">&#41;</span>;
<span style="color: #E0E0E0;">//Çizimi bitirelim</span>
<span style="color: #004993;">top</span>.<span style="color: #004993;">graphics</span>.<span style="color: #004993;">endFill</span><span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>;
<span style="color: #E0E0E0;">//Kordinat Verelim</span>
<span style="color: #004993;">top</span>.<span style="color: #004993;">x</span> = <span style="color: #000000; font-weight:bold;">50</span>;
<span style="color: #004993;">top</span>.<span style="color: #004993;">y</span> = <span style="color: #000000; font-weight:bold;">50</span>;</pre></div></div>

<h3>2.Sürükleme Başlasın !</h3>

<div class="wp_syntax"><div class="code"><pre class="actionscript3" style="font-family:monospace;"><span style="color: #E0E0E0;">//Top'a tıklandığı anda sürükleme fonksiyonu</span>
<span style="color: #004993;">top</span>.<span style="color: #004993;">addEventListener</span><span style="color: #000000;">&#40;</span><span style="color: #004993;">MouseEvent</span>.<span style="color: #004993;">MOUSE_DOWN</span>,surukle<span style="color: #000000;">&#41;</span>;
<span style="color: #004993; font-weight: bold;">function</span> surukle<span style="color: #000000;">&#40;</span>evt<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">MouseEvent</span><span style="color: #000000;">&#41;</span><span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993; font-weight: bold;">void</span>
<span style="color: #000000;">&#123;</span>
	<span style="color: #004993;">top</span>.<span style="color: #004993;">startDrag</span><span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>;
<span style="color: #000000;">&#125;</span>
&nbsp;
<span style="color: #E0E0E0;">//Mouse Topu bıraktığında sürüklemenin durması</span>
<span style="color: #004993;">top</span>.<span style="color: #004993;">addEventListener</span><span style="color: #000000;">&#40;</span><span style="color: #004993;">MouseEvent</span>.<span style="color: #004993;">MOUSE_UP</span>,birak<span style="color: #000000;">&#41;</span>;
<span style="color: #004993; font-weight: bold;">function</span> birak<span style="color: #000000;">&#40;</span>evt<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">MouseEvent</span><span style="color: #000000;">&#41;</span><span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993; font-weight: bold;">void</span>
<span style="color: #000000;">&#123;</span>
	<span style="color: #004993;">top</span>.<span style="color: #004993;">stopDrag</span><span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>;
<span style="color: #000000;">&#125;</span></pre></div></div>

<p>startDrag : Sürüklemeyi başlatır.</p>
<p>stopDrag : Sürüklemeyi durdurur.</p>
<h4>Sonuç ;</h4>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="420" height="320" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="http://www.flashdersleri.net/wp-content/uploads/2010/01/as3sb.swf" /><embed type="application/x-shockwave-flash" width="420" height="320" src="http://www.flashdersleri.net/wp-content/uploads/2010/01/as3sb.swf"></embed></object></p>
<p>Bundan sonraki yazimiz olan Değişken Üçgende görüşmek üzere&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.flashdersleri.net/2010/01/12/surukle-birak-1-komutlarin-ogrenilmesi/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Motion Blur (Hareketle Bulanıklık)</title>
		<link>http://www.flashdersleri.net/2010/01/07/motion-blur-hareketle-bulaniklik/</link>
		<comments>http://www.flashdersleri.net/2010/01/07/motion-blur-hareketle-bulaniklik/#comments</comments>
		<pubDate>Thu, 07 Jan 2010 14:49:08 +0000</pubDate>
		<dc:creator>Fullusi</dc:creator>
				<category><![CDATA[ActionScript 3.0]]></category>
		<category><![CDATA[blur]]></category>
		<category><![CDATA[BlurFilter]]></category>
		<category><![CDATA[blurX]]></category>
		<category><![CDATA[blurY]]></category>
		<category><![CDATA[filters]]></category>
		<category><![CDATA[Hareketle Bulanıklık]]></category>
		<category><![CDATA[Math.abs]]></category>
		<category><![CDATA[motion blur]]></category>

		<guid isPermaLink="false">http://www.flashdersleri.net/?p=728</guid>
		<description><![CDATA[Bir cismin yaptığı hareket ile yapay olarak blur(bulanıklık) etkisi alması, animasyonlarda sık kullanılan bir -gerçekçi hızlı obje görüntüsü- elde etme yöntemidir. Bu efekti oluşturmada temel mantık cismin blur değerinin hareket ivmesiyle orantılandırılmasıdır. Böylelikle cisim belirli bir zamanda ne kadar hızlanırsa yani ivmesi ne ise blur değeri de onu referans alarak oranlanır. Önce anlatmaya çalıştığımız şeyle [...]]]></description>
			<content:encoded><![CDATA[<p>Bir cismin yaptığı hareket ile yapay olarak blur(bulanıklık) etkisi alması, animasyonlarda sık kullanılan bir -gerçekçi hızlı obje görüntüsü- elde etme yöntemidir. Bu efekti oluşturmada temel mantık cismin blur değerinin hareket ivmesiyle orantılandırılmasıdır. Böylelikle cisim belirli bir zamanda ne kadar hızlanırsa yani ivmesi ne ise blur değeri de onu referans alarak oranlanır. Önce anlatmaya çalıştığımız şeyle ilgili örnekleri görelim;</p>
<p>[blur1]<br />
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="550" height="100" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="http://www.flashdersleri.net/wp-content/uploads/2010/01/blur1.swf" /><embed type="application/x-shockwave-flash" width="550" height="100" src="http://www.flashdersleri.net/wp-content/uploads/2010/01/blur1.swf"></embed></object></p>
<p>[blur2]<br />
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="550" height="100" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="http://www.flashdersleri.net/wp-content/uploads/2010/01/blur2.swf" /><embed type="application/x-shockwave-flash" width="550" height="100" src="http://www.flashdersleri.net/wp-content/uploads/2010/01/blur2.swf"></embed></object></p>
<p>Örneklerde de görüldüğü gibi cisimler ne kadar hızlanırlarsa o kadar motion blur etkisi alıyor ve daha gerçekçi animasyonlar oluşuyor ( Bu iki örnekte amacı daha iyi belirtmek için blur değerleri biraz abartılı verilmiş olabilir. Siz bunu ivme değerini küçülterek değiştirebilirsiniz.)<br />
İlk örneği yapabilmek için sahneye &#8220;a_mc&#8221; isminde bir araç klibi koyuyoruz. Kullandığımız kodlar ise aynı satırdaki açıklamalarıyla birlikte şunlardır:</p>

<div class="wp_syntax"><div class="code"><pre class="actionscript3" style="font-family:monospace;"><span style="color: #004993; font-weight: bold;">var</span> blur = <span style="color: #004993; font-weight: bold;">new</span> <span style="color: #004993;">BlurFilter</span><span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>;<span style="color: #3f5fbf;">/*yeni bir blur filtresi oluşturduk*/</span>
<span style="color: #004993; font-weight: bold;">var</span> drc<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Number</span><span style="color: #3f5fbf;">/*ivme değeri*/</span>
<span style="color: #004993; font-weight: bold;">var</span> hdf<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">uint</span>=<span style="color: #000000; font-weight:bold;">470</span><span style="color: #3f5fbf;">/*aracın ulaşacağı hedef x konumu*/</span>
<span style="color: #004993; font-weight: bold;">var</span> ilk<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Number</span>=a_mc.<span style="color: #004993;">x</span><span style="color: #3f5fbf;">/*işlemi tekrarlamak için ilk konum değeri*/</span>
&nbsp;
<span style="color: #004993;">stage</span>.<span style="color: #004993;">addEventListener</span><span style="color: #000000;">&#40;</span><span style="color: #004993;">MouseEvent</span>.<span style="color: #004993;">MOUSE_UP</span>,git<span style="color: #000000;">&#41;</span><span style="color: #3f5fbf;">/*sahneye tıklama fonksiyonu çağırıldı*/</span>
<span style="color: #004993; font-weight: bold;">function</span> git<span style="color: #000000;">&#40;</span>e<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">MouseEvent</span><span style="color: #000000;">&#41;</span><span style="color: #000000;">&#123;</span>
a_mc.<span style="color: #004993;">x</span>=ilk<span style="color: #3f5fbf;">/*ilk durumda a_mc'yi ilk konuma koyduk ki her seferinde buradan başlasın*/</span>
a_mc.<span style="color: #004993;">addEventListener</span><span style="color: #000000;">&#40;</span><span style="color: #004993;">Event</span>.<span style="color: #004993;">ENTER_FRAME</span>,ef<span style="color: #000000;">&#41;</span><span style="color: #3f5fbf;">/*sürekli çalışacak fonksiyonu çağırıyoruz*/</span>
<span style="color: #000000;">&#125;</span>
<span style="color: #004993; font-weight: bold;">function</span> ef<span style="color: #000000;">&#40;</span>e<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Event</span><span style="color: #000000;">&#41;</span><span style="color: #000000;">&#123;</span>
drc=<span style="color: #000000;">&#40;</span>hdf<span style="color: #000000; font-weight: bold;">-</span>a_mc.<span style="color: #004993;">x</span><span style="color: #000000;">&#41;</span><span style="color: #000000; font-weight: bold;">/</span><span style="color: #000000; font-weight:bold;">10</span><span style="color: #3f5fbf;">/*ivme, hedefle mevcut konum arasındaki uzaklıkla orantılı*/</span>
a_mc.<span style="color: #004993;">x</span> <span style="color: #000000; font-weight: bold;">+</span>=drc<span style="color: #3f5fbf;">/*her framede ivme değeri kadar x konum artışı*/</span>
blur.<span style="color: #004993;">blurX</span> =drc<span style="color: #000000; font-weight: bold;">*</span><span style="color: #000000; font-weight:bold;">2</span><span style="color: #3f5fbf;">/*x ekseni blur değeri ivme ile orantılı*/</span>
blur.<span style="color: #004993;">blurY</span> =<span style="color: #000000; font-weight:bold;">0</span><span style="color: #3f5fbf;">/*blur y olmasın*/</span>
a_mc.<span style="color: #004993;">filters</span> = <span style="color: #000000;">&#91;</span>blur<span style="color: #000000;">&#93;</span>;<span style="color: #3f5fbf;">/*a_mc'ye blur filtresi atanıyor*/</span>
<span style="color: #000000;">&#125;</span></pre></div></div>

<p>İkinci örnekte ise mouse&#8217;u x konumunda takip edecek kutuyu çizip yine &#8220;a_mc&#8221; ismini veriyoruz. Burada hedef değerimiz mouseX olacaktır. Ayrıca ters yönde hareket(hem soldan sağa hem sağdan sola) olduğu için blur x değerinin negatif değer almasını engellemek için ivme(drc) değerini mutlak değer içine(Math.abs) alıyoruz. Kodlarımız ise şu şekilde:</p>

<div class="wp_syntax"><div class="code"><pre class="actionscript3" style="font-family:monospace;"><span style="color: #004993; font-weight: bold;">var</span> blur = <span style="color: #004993; font-weight: bold;">new</span> <span style="color: #004993;">BlurFilter</span><span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>;<span style="color: #3f5fbf;">/*yeni bir blur filtresi oluşturduk*/</span>
<span style="color: #004993; font-weight: bold;">var</span> drc<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Number</span><span style="color: #3f5fbf;">/*ivme değeri*/</span>
<span style="color: #004993; font-weight: bold;">var</span> hdf<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">uint</span>=<span style="color: #004993;">mouseX</span><span style="color: #3f5fbf;">/*hareket hedefini mouse x konumu olarak ayarlıyoruz*/</span>
<span style="color: #004993;">stage</span>.<span style="color: #004993;">addEventListener</span><span style="color: #000000;">&#40;</span><span style="color: #004993;">Event</span>.<span style="color: #004993;">ENTER_FRAME</span>,ef<span style="color: #000000;">&#41;</span><span style="color: #3f5fbf;">/*sürekli çalışacak fonksiyon çağırılıyor*/</span>
<span style="color: #004993; font-weight: bold;">function</span> ef<span style="color: #000000;">&#40;</span>e<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Event</span><span style="color: #000000;">&#41;</span><span style="color: #000000;">&#123;</span>
hdf=<span style="color: #004993;">mouseX</span><span style="color: #3f5fbf;">/*hedef sürekli mouseX'e eşitlensin*/</span>
drc=<span style="color: #000000;">&#40;</span>hdf<span style="color: #000000; font-weight: bold;">-</span>a_mc.<span style="color: #004993;">x</span><span style="color: #000000;">&#41;</span><span style="color: #000000; font-weight: bold;">/</span><span style="color: #000000; font-weight:bold;">5</span><span style="color: #3f5fbf;">/*ivme değeri*/</span>
a_mc.<span style="color: #004993;">x</span> <span style="color: #000000; font-weight: bold;">+</span>=drc<span style="color: #3f5fbf;">/*ivme etkisi*/</span>
<span style="color: #004993; font-weight: bold;">if</span><span style="color: #000000;">&#40;</span>mouseX<span style="color: #000000; font-weight: bold;">&lt;</span>=<span style="color: #000000; font-weight:bold;">0</span><span style="color: #000000;">&#41;</span><span style="color: #000000;">&#123;</span>blur.<span style="color: #004993;">blurX</span>=<span style="color: #000000; font-weight:bold;">0</span><span style="color: #000000;">&#125;</span><span style="color: #004993; font-weight: bold;">else</span><span style="color: #000000;">&#123;</span>blur.<span style="color: #004993;">blurX</span> =<span style="color: #004993;">Math</span>.<span style="color: #004993;">abs</span><span style="color: #000000;">&#40;</span>drc<span style="color: #000000;">&#41;</span><span style="color: #000000; font-weight: bold;">*</span><span style="color: #000000; font-weight:bold;">2</span><span style="color: #000000;">&#125;</span><span style="color: #3f5fbf;">/*blur değeri negatif değer almasın diye Math.abs içine aldık*/</span>
blur.<span style="color: #004993;">blurY</span> =<span style="color: #000000; font-weight:bold;">0</span><span style="color: #3f5fbf;">/*blur y değeri olmasın*/</span>
a_mc.<span style="color: #004993;">filters</span> = <span style="color: #000000;">&#91;</span>blur<span style="color: #000000;">&#93;</span>;<span style="color: #3f5fbf;">/*filtre a_mc'ye atanıyor*/</span>
<span style="color: #000000;">&#125;</span></pre></div></div>

<p>İki örnekte de ease tween hareket yöntemi ile cisimleri hareketlendirdik ve ivme değişkenine göre cisimlere bulanıklık vererek daha gerçekçi hareket animasyonu yaptık. Bu yöntem scrollbar, scrollpane gibi scroll hareketlerinde kaydırılacak zeminin hız efekti için ve diğer bir çok hareket simulasyonunda daha gerçekçi animasyonlar elde etmek için kullanılabiliyor.<br />
&#8212;<br />
Kaynak Dosyaları:<br />
<a href="http://www.flashdersleri.net/wp-content/uploads/2010/01/blur1.zip">blur1.fla</a> | <a href="http://www.flashdersleri.net/wp-content/uploads/2010/01/blur2.zip">blur2.fla</a></p>
<p>Takip Edin:<br />
<a href="http://www.flashdersleri.net/author/fullusi">Tüm Yazılar</a> | <a href="http://www.flashdersleri.net/author/fullusi/feed/">Tüm Yazılar RSS</a> | <a href="http://twitter.com/fullusi">Twitter</a><br />
&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-</p>
]]></content:encoded>
			<wfw:commentRss>http://www.flashdersleri.net/2010/01/07/motion-blur-hareketle-bulaniklik/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>
