<?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 &#187; Fullusi</title>
	<atom:link href="http://www.flashdersleri.net/author/fullusi/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.flashdersleri.net</link>
	<description>Biri ActionScript mi dedi?</description>
	<lastBuildDate>Sun, 25 Jul 2010 20:34:42 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Basit ScrollBar</title>
		<link>http://www.flashdersleri.net/2010/07/25/basit-scrollbar/</link>
		<comments>http://www.flashdersleri.net/2010/07/25/basit-scrollbar/#comments</comments>
		<pubDate>Sun, 25 Jul 2010 20:34:42 +0000</pubDate>
		<dc:creator>Fullusi</dc:creator>
				<category><![CDATA[ActionScript 3.0]]></category>
		<category><![CDATA[kaydırma çubuğu]]></category>
		<category><![CDATA[rectangle]]></category>
		<category><![CDATA[scrollbar]]></category>
		<category><![CDATA[scrollpane]]></category>

		<guid isPermaLink="false">http://www.flashdersleri.net/?p=1374</guid>
		<description><![CDATA[Bu yazıda herhangi bir flash componenti kullanmadan basit bir scrollbar(kaydırma çubuğu) hazırlamaya çalışacağız. Önce scrollbar oluşturmak için sahneye biri diğerinin üzerinde iki çubuk ve scrollbar hareketlerine göre konumu değişecek nesneyi çizelim. Bunlara “cbk_ust”, “cbk_alt” ve “alan” instance name’lerini verelim. Şimdi kodlamalarda ilk adım olarak üst çubuğun(cbk_ust) boyunu alan’ın boyuna göre orantılamamız gerekiyor, bu şekilde alanın [...]]]></description>
			<content:encoded><![CDATA[<p>Bu yazıda herhangi bir flash componenti kullanmadan basit bir scrollbar(kaydırma çubuğu) hazırlamaya çalışacağız. Önce scrollbar oluşturmak için sahneye biri diğerinin üzerinde iki çubuk ve scrollbar hareketlerine göre konumu değişecek nesneyi çizelim. Bunlara “cbk_ust”, “cbk_alt” ve “alan” instance name’lerini verelim.<br />
Şimdi kodlamalarda ilk adım olarak üst çubuğun(cbk_ust) boyunu alan’ın boyuna göre orantılamamız gerekiyor, bu şekilde alanın boyu(height) ne kadar uzun olursa cbk_ust’un boyu da ocbk_alt’a oranla küçülecektir.</p>

<div class="wp_syntax"><div class="code"><pre class="actionscript3" style="font-family:monospace;">cbk_ust.<span style="color: #004993;">height</span>=cbk_alt.<span style="color: #004993;">height</span><span style="color: #000000; font-weight: bold;">/</span>alan.<span style="color: #004993;">height</span><span style="color: #000000; font-weight: bold;">*</span>cbk_alt.<span style="color: #004993;">height</span></pre></div></div>

<p>Bu kodda cbk_alt’ın(yani alan’ın sahnedeki-görünecek kısmının uzunluğu) alan’ın tamamına oranını bir değer olarak kabu edip bunu cbk_ust’un cbk_alt’a oranına atıyoruz. Böylece alan’ın boyuna göre cbk_ust’un boyu değişiyor.</p>
<p>Şimdi de cbk_ust’u taşınabilir yapmamız gerekiyor.</p>

<div class="wp_syntax"><div class="code"><pre class="actionscript3" style="font-family:monospace;"><span style="color: #004993; font-weight: bold;">var</span> <span style="color: #004993;">rect</span><span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Rectangle</span> = <span style="color: #004993; font-weight: bold;">new</span> <span style="color: #004993;">Rectangle</span><span style="color: #000000;">&#40;</span>cbk_alt.<span style="color: #004993;">x</span>, cbk_alt.<span style="color: #004993;">y</span>, <span style="color: #000000; font-weight:bold;">0</span>, cbk_alt.height<span style="color: #000000; font-weight: bold;">-</span>cbk_ust.<span style="color: #004993;">height</span><span style="color: #000000;">&#41;</span>;
cbk_ust.<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>,tasi<span style="color: #000000;">&#41;</span>
<span style="color: #004993; font-weight: bold;">function</span> tasi<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>
	cbk_ust.<span style="color: #004993;">startDrag</span><span style="color: #000000;">&#40;</span><span style="color: #004993; font-weight: bold;">false</span>,<span style="color: #004993;">rect</span><span style="color: #000000;">&#41;</span>
	<span style="color: #000000;">&#125;</span>
cbk_ust.<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;">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>,birak<span style="color: #000000;">&#41;</span>
<span style="color: #004993; font-weight: bold;">function</span> birak<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>
	cbk_ust.<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>Bu kodda önce startDrag yapacağımız cbk_ust için bir rectangle tanımladık, bu taşıdığımız objenin sınırlarını bildiren bir dikdörtgendir. Daha sonra startDrag ile taşıdık. startDrag’ın ilk parametresi lockcenter’dır merkeze kitlenmesini istemediğimzi için bunu false yaptık, ikinci parametresi ise tanımlanan rectangle’dır.<br />
Şimdi de alan ismini verdiğimiz nesneyi cb_ust’un hareketlerine göre kaydırmamız gerekiyor. Sürekli çalışacak bir fonksiyon yazıyoruz;</p>

<div class="wp_syntax"><div class="code"><pre class="actionscript3" style="font-family:monospace;"><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>,cls<span style="color: #000000;">&#41;</span>
<span style="color: #004993; font-weight: bold;">function</span> cls<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>
	alan.<span style="color: #004993;">y</span>=cbk_alt.<span style="color: #004993;">y</span><span style="color: #000000; font-weight: bold;">+</span><span style="color: #000000;">&#40;</span>cbk_ust.y<span style="color: #000000; font-weight: bold;">-</span>cbk_alt.<span style="color: #004993;">y</span><span style="color: #000000;">&#41;</span><span style="color: #000000; font-weight: bold;">*</span><span style="color: #000000;">&#40;</span>alan.height<span style="color: #000000; font-weight: bold;">-</span>cbk_alt.<span style="color: #004993;">height</span><span style="color: #000000;">&#41;</span><span style="color: #000000; font-weight: bold;">/</span><span style="color: #000000;">&#40;</span>cbk_ust.height<span style="color: #000000; font-weight: bold;">-</span>cbk_alt.<span style="color: #004993;">height</span><span style="color: #000000;">&#41;</span>
	<span style="color: #000000;">&#125;</span></pre></div></div>

<p>Bu kodda alan’ın y koordinatını bir değere eşitledik. Bu değer cbk_ust’un hareket ettiği mesafenin tüm hareket mesafesine oranının alanın hareket ettiği mesafenin tüm hareket mesafesine oranıyla karşılaştırarak bulunur. Bu şekilde kabaca bir scrollbar yapmış olduk. Bu kodları kullandığımızda ve son olarak da alan dediğimiz nesneye bir mask uyguladığımızda çalışmanın son hali şu şekilde olacaktır:</p>
<p>(scrollbar’ı kaydırın)<br />
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="580" height="350" 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/07/basit_scroll.swf" /><embed type="application/x-shockwave-flash" width="580" height="350" src="http://www.flashdersleri.net/wp-content/uploads/2010/07/basit_scroll.swf"></embed></object></p>
<p>Bu şekilde kaydırılacak alanın uzunluğuyla bu alanın gösterilecek kısmının uzunluğu oranını kaydırma çubuklarına orantı olarak atadık ve basitçe bir scrollbar elde ettik. Bir sonraki yazı, bu scrollbar&#8217;a mouse orta tuşuyla kaydırma, tıklama ile kaydırma ve textlere uygulama gibi özellikler eklenip tam gelişmiş bir scrollbar uygulaması ile ilgili olabilir, olmaya dabilir =). Çalışmanın kaynak dosyasını aşağıdaki linkten indirebilirsiniz.</p>
<p>&#8212;<br />
Kaynak Dosya:<br />
<a href="http://www.flashdersleri.net/wp-content/uploads/2010/07/basit_scrollbar.zip">basit_scrollbar.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/3bilal">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/07/25/basit-scrollbar/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Mini Mp3 Player</title>
		<link>http://www.flashdersleri.net/2010/05/04/mini-mp3-player/</link>
		<comments>http://www.flashdersleri.net/2010/05/04/mini-mp3-player/#comments</comments>
		<pubDate>Tue, 04 May 2010 14:31:46 +0000</pubDate>
		<dc:creator>Fullusi</dc:creator>
				<category><![CDATA[ActionScript 3.0]]></category>
		<category><![CDATA[bytesLoaded]]></category>
		<category><![CDATA[bytesTotal]]></category>
		<category><![CDATA[leftPeak]]></category>
		<category><![CDATA[length]]></category>
		<category><![CDATA[mp3 player]]></category>
		<category><![CDATA[müzik çalar]]></category>
		<category><![CDATA[position]]></category>
		<category><![CDATA[rightPeak]]></category>
		<category><![CDATA[Sound]]></category>
		<category><![CDATA[SoundChannel]]></category>
		<category><![CDATA[XML]]></category>

		<guid isPermaLink="false">http://www.flashdersleri.net/?p=1110</guid>
		<description><![CDATA[Bir mp3 player veya video player hazırlamada dikkat edilmesi gerekenler genellikle; ihtiyacı karşılaması, kullanışlı olması ve kullanıcıda kafa karışıklığı oluşturmamasıdır. Konumuz olan mini mp3 playerı da en sade bir halle ve ihtiyaca karşılık verebilecek şekilde hazırlamaya çalıştım. Çalışmayı tek mp3 için hazırladım ve elzem olmayan bir kaç özelliği katmadım (konum rakamları, stop tuşu, ses düzeyi [...]]]></description>
			<content:encoded><![CDATA[<p>Bir mp3 player veya video player hazırlamada dikkat edilmesi gerekenler genellikle; ihtiyacı karşılaması, kullanışlı olması ve kullanıcıda kafa karışıklığı oluşturmamasıdır. Konumuz olan mini mp3 playerı da en sade bir halle ve ihtiyaca karşılık verebilecek şekilde hazırlamaya çalıştım. Çalışmayı tek mp3 için hazırladım ve elzem olmayan bir kaç özelliği katmadım (konum rakamları, stop tuşu, ses düzeyi vs.). İlerde, inşallah daha gelişmiş halini yayınlamaya çalışırım. Öncelikle çalışmanın son haline bakalım;</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="580" height="200" 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/05/mp3_mini.swf" /><embed type="application/x-shockwave-flash" width="580" height="200" src="http://www.flashdersleri.net/wp-content/uploads/2010/05/mp3_mini.swf"></embed></object></p>
<p>Bu player&#8217;ın özellikleri; verileri, yani şarkı bilgisi ve şarkı yolunu harici bir XML üzerinden alması, yüklemeye tıklama ile başlaması, şarkı konumunun kontrol edilebilmesi, sağ ve sol ses düzeyinin bir ses spektrumu ile gösterilmesi, yükleme düzeyinin gösterilmesi, sarkı bitince başa sarması ve gövdedeki bazı hareket animasyonlarıdır. Şimdi bu müzik çaların yapısını oluşturan ve sahnemizde bulunan nesnelerden bahsedelim;</p>
<p>Aşağıdaki şekilde de görüldüğü gibi, ilk olarak gri-dörtgen bir çereçeve, bir köşeli parantez(&#8216;pz_i&#8217;) ve spektrum için iki çubuğun(&#8216;sol&#8217;, &#8216;sag&#8217;) içinde bulunduğu bir ana klip(&#8216;pz&#8217;) var. Sonrasında tabanı oluşturacak bir tabaka, bilgilerin yazılacağı bir text(&#8216;hakkinda_txt&#8217;) ve text&#8217;in silim işlemi için yine aynı tabaka(&#8216;silgi&#8217;) var.</p>
<p>[şekil-1]<br />
<img src="http://www.flashdersleri.net/wp-content/uploads/2010/05/katm.png"></td>
<p>Daha sonra; durdur(&#8216;dur_btn&#8217;) ve başlat(&#8216;bsl_btn&#8217;) tuşlarının içinde bulunduğu bir ana klip(&#8216;cal_mc&#8217;), tüm konum uzunluğunu gösteren ve alpha&#8217;sını sıfır yapacağım bir çubuk(&#8216;tbn_mc&#8217;), mevcut yüklenmeyi gösteren bir çubuk(&#8216;ykl_mc&#8217;) ve konumu gösteren mavi bir çubuk(&#8216;knm_mc&#8217;) bulunuyor (Çubuklar, instance name&#8217;i &#8216;cubuklar&#8217; olan bir klibin içinde).<br />
Şarkı bilgilerini, yani şarkının adres ve ismini, harici bir XML dosyasından alıyoruz. Adres ismini verdiğimiz bu dosyanın içeriği aşağıdaki gibi olacak;</p>

<div class="wp_syntax"><div class="code"><pre class="actionscript2" style="font-family:monospace;">&lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;
&lt;MP3&gt;
&lt;bilgi&gt;http://www.flashdersleri.net/wp-content/uploads/2010/05/muzik.mp3&lt;/bilgi&gt;
&lt;bilgi&gt;Ekmek Teknesi&lt;/bilgi&gt;
&lt;/MP3&gt;</pre></div></div>

<p>Burada mp3&#8242;e ait ilk bilgi, şarkının yolunu, ikinci bilgi ise ekranda gösterilecek yazıyı içeriyor. Şimdi kodları yazmaya başlayalım. Kodlar bir kaç bölümden oluşuyor;</p>
<p>-XML&#8217;i yükleme ve bazı değişkenlerin atanması;</p>

<div class="wp_syntax"><div class="code"><pre class="actionscript3" style="font-family:monospace;"><span style="color: #004993; font-weight: bold;">var</span> XML_mp3<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">XML</span>;<span style="color: #E0E0E0;">//Yeni bi XML tanımlıyoruz, buna daha sonra veri atayacağız</span>
<span style="color: #004993; font-weight: bold;">var</span> ses<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Sound</span>;<span style="color: #E0E0E0;">//Ses için bir Sound nesnesi tanımlıyoruz</span>
<span style="color: #004993; font-weight: bold;">var</span> kanal<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">SoundChannel</span>;<span style="color: #E0E0E0;">//Sesi kontrol etmek içinde bir ses kanalı atıyoruz.</span>
<span style="color: #004993; font-weight: bold;">var</span> xml_yuklendi<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Boolean</span>=<span style="color: #004993; font-weight: bold;">false</span><span style="color: #E0E0E0;">//XML'in yüklendiğini;</span>
<span style="color: #004993; font-weight: bold;">var</span> ykl_tik<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Boolean</span>=<span style="color: #004993; font-weight: bold;">false</span><span style="color: #E0E0E0;">//ykl_mc'ye tıklama olup olmadığını ve </span>
<span style="color: #004993; font-weight: bold;">var</span> calmaVarmi<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Boolean</span>=<span style="color: #004993; font-weight: bold;">false</span><span style="color: #E0E0E0;">//Şu anda çalma olup olmadığını kontrol etmek için üç boolean oluşturuyoruz.</span>
<span style="color: #004993; font-weight: bold;">var</span> durmaPozisyonu<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Number</span>=<span style="color: #000000; font-weight:bold;">0</span><span style="color: #E0E0E0;">//Şarkını durma anındaki konumu. Şimdi sıfır.</span>
cal_mc.bsl_btn.<span style="color: #004993;">visible</span>=cal_mc.dur_btn.<span style="color: #004993;">visible</span>=<span style="color: #004993; font-weight: bold;">false</span>;<span style="color: #E0E0E0;">//başlama ve durma butonu başta görünmesin.</span>
<span style="color: #004993; font-weight: bold;">var</span> yukleyici<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">URLLoader</span> = <span style="color: #004993; font-weight: bold;">new</span> <span style="color: #004993;">URLLoader</span><span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>;<span style="color: #E0E0E0;">//XML'i yüklemek için yukleyici isminde bir URLLoader tanımlıyoruz.</span>
yukleyici.<span style="color: #004993;">load</span><span style="color: #000000;">&#40;</span><span style="color: #004993; font-weight: bold;">new</span> <span style="color: #004993;">URLRequest</span><span style="color: #000000;">&#40;</span><span style="color: #009900;">&quot;http://www.flashdersleri.net/wp-content/uploads/2010/05/adres.xml&quot;</span><span style="color: #000000;">&#41;</span><span style="color: #000000;">&#41;</span>;<span style="color: #E0E0E0;">//Yüklenecek XML yolunu belirtiyoruz.</span>
yukleyici.<span style="color: #004993;">addEventListener</span><span style="color: #000000;">&#40;</span><span style="color: #004993;">Event</span>.<span style="color: #004993;">COMPLETE</span>, XML_calis<span style="color: #000000;">&#41;</span>;<span style="color: #E0E0E0;">//XML yüklemesi bitince çalışacak olan 'XML_calis' fonksiyonu için bir dinleyici atıyoruz</span>
<span style="color: #004993; font-weight: bold;">function</span> XML_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: #E0E0E0;">//XML yüklenince çalışacak fonksiyon</span>
XML_mp3 = <span style="color: #004993; font-weight: bold;">new</span> <span style="color: #004993;">XML</span><span style="color: #000000;">&#40;</span>e.<span style="color: #004993;">target</span>.<span style="color: #004993;">data</span><span style="color: #000000;">&#41;</span>;<span style="color: #E0E0E0;">//Daha önceden tanımladığımız XML_mp3'e yüklenen XML'in içeriği ekleniyor.</span>
hakkinda_txt.<span style="color: #004993;">text</span>=XML_mp3.bilgi<span style="color: #000000;">&#91;</span><span style="color: #000000; font-weight:bold;">1</span><span style="color: #000000;">&#93;</span>;<span style="color: #E0E0E0;">//hakkinda_txt'e XML'deki ikinci bilgi ekleniyor.</span>
xml_yuklendi=cal_mc.bsl_btn.<span style="color: #004993;">visible</span>=<span style="color: #004993; font-weight: bold;">true</span><span style="color: #000000;">&#125;</span><span style="color: #E0E0E0;">//XML yüklendi ve artık başlama butonu görünsün.</span></pre></div></div>

<p>-Kontrol tuşları ayarları;</p>

<div class="wp_syntax"><div class="code"><pre class="actionscript3" style="font-family:monospace;">cal_mc.bsl_btn.<span style="color: #004993;">addEventListener</span><span style="color: #000000;">&#40;</span><span style="color: #004993;">MouseEvent</span>.<span style="color: #004993;">CLICK</span>,basla<span style="color: #000000;">&#41;</span> <span style="color: #E0E0E0;">//Başlama butonuna basınca 'basla' fonksiyonunu çağır.</span>
cal_mc.dur_btn.<span style="color: #004993;">addEventListener</span><span style="color: #000000;">&#40;</span><span style="color: #004993;">MouseEvent</span>.<span style="color: #004993;">CLICK</span>,durdur<span style="color: #000000;">&#41;</span> <span style="color: #E0E0E0;">//Durdurma butonuna basınca 'durdur' fonksiyonunu çağır.</span>
<span style="color: #004993; font-weight: bold;">var</span> ses_yuzde<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Number</span>; <span style="color: #004993; font-weight: bold;">var</span> ilk_play<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Boolean</span>=<span style="color: #004993; font-weight: bold;">true</span>;  <span style="color: #E0E0E0;">//Aşağıda kullanacağımız ses yüzde değeri için bir Number ve ilk defa play'e basıldığında yüklemeyi başlatmak için bir Boolean tanımlanıyor.</span>
<span style="color: #004993; font-weight: bold;">function</span> basla<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> <span style="color: #E0E0E0;">//Başlat tuşuna(cal_mc.bsl_btn) basınca yapılacaklar</span>
cal_mc.bsl_btn.<span style="color: #004993;">visible</span>=<span style="color: #000000; font-weight:bold;">0</span>; cal_mc.dur_btn.<span style="color: #004993;">visible</span>=<span style="color: #000000; font-weight:bold;">1</span><span style="color: #E0E0E0;">//Başla tuşu görünmesin, durdur tuşu görünsün</span>
<span style="color: #004993; font-weight: bold;">if</span><span style="color: #000000;">&#40;</span>ilk_play<span style="color: #000000;">&#41;</span><span style="color: #000000;">&#123;</span> <span style="color: #E0E0E0;">//Eğer bu tuşa ilk defa basılıyorsa</span>
ses= <span style="color: #004993; font-weight: bold;">new</span> <span style="color: #004993;">Sound</span><span style="color: #000000;">&#40;</span><span style="color: #004993; font-weight: bold;">new</span> <span style="color: #004993;">URLRequest</span><span style="color: #000000;">&#40;</span>XML_mp3.bilgi<span style="color: #000000;">&#91;</span><span style="color: #000000; font-weight:bold;">0</span><span style="color: #000000;">&#93;</span><span style="color: #000000;">&#41;</span><span style="color: #000000;">&#41;</span>; <span style="color: #E0E0E0;">//ses'e XML'in ilk bilgisi yolundaki şarkı atansın</span>
ses.<span style="color: #004993;">addEventListener</span><span style="color: #000000;">&#40;</span><span style="color: #004993;">ProgressEvent</span>.<span style="color: #004993;">PROGRESS</span>, ses_yukle<span style="color: #000000;">&#41;</span>; <span style="color: #E0E0E0;">//Yükleme esnasında 'ses_yukle' fonksiyonunu çağır</span>
<span style="color: #004993; font-weight: bold;">function</span> ses_yukle<span style="color: #000000;">&#40;</span>e<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">ProgressEvent</span><span style="color: #000000;">&#41;</span><span style="color: #000000;">&#123;</span>
ses_yuzde = e.<span style="color: #004993;">bytesLoaded</span> <span style="color: #000000; font-weight: bold;">/</span> e.<span style="color: #004993;">bytesTotal</span> <span style="color: #E0E0E0;">//Ses için tanımladığımız yüzde yüklenen/tüm boyut olarak belirlendi</span>
cubuklar.ykl_mc.<span style="color: #004993;">width</span>=ses_yuzde<span style="color: #000000; font-weight: bold;">*</span>cubuklar.tbn_mc.<span style="color: #004993;">width</span><span style="color: #000000;">&#125;</span> <span style="color: #E0E0E0;">//ykl_mc genişliği, tbn_mc'nin yukarıda belirlenen yüzdesi kadar olsun</span>
ses.<span style="color: #004993;">addEventListener</span><span style="color: #000000;">&#40;</span><span style="color: #004993;">IOErrorEvent</span>.<span style="color: #004993;">IO_ERROR</span>, hata<span style="color: #000000;">&#41;</span> <span style="color: #E0E0E0;">//Eğer yüklemede bir hata olursa</span>
<span style="color: #004993; font-weight: bold;">function</span> hata<span style="color: #000000;">&#40;</span>e<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">IOErrorEvent</span><span style="color: #000000;">&#41;</span><span style="color: #000000;">&#123;</span>calmaVarmi=<span style="color: #004993; font-weight: bold;">false</span> <span style="color: #E0E0E0;">//Çalma yok</span>
cal_mc.bsl_btn.<span style="color: #004993;">visible</span>=cal_mc.dur_btn.<span style="color: #004993;">visible</span>=<span style="color: #000000; font-weight:bold;">0</span> <span style="color: #E0E0E0;">//Tuşlar görünmesin</span>
hakkinda_txt.<span style="color: #004993;">text</span>=<span style="color: #009900;">&quot;Hata! Ses dosyası bulunamadı&quot;</span>; <span style="color: #E0E0E0;">//Yazı alanı uyarı mesajı versin</span>
pz.pz_i.<span style="color: #004993;">alpha</span>=<span style="color: #000000; font-weight:bold;">0</span><span style="color: #000000;">&#125;</span>;ilk_play=<span style="color: #004993; font-weight: bold;">false</span><span style="color: #000000;">&#125;</span>  <span style="color: #E0E0E0;">//köşeli parantez silinsin, play tuşuna ilk basış fonksiyonu bir kere çalışsın diye 'ilk_play' false yapıldı.</span>
kanal = ses.<span style="color: #004993;">play</span><span style="color: #000000;">&#40;</span>durmaPozisyonu<span style="color: #000000;">&#41;</span>;calmaVarmi=<span style="color: #004993; font-weight: bold;">true</span>; <span style="color: #E0E0E0;">//Sesi durma pozisyonunda oynatıyoruz, çalma var</span>
pz.pz_i.<span style="color: #004993;">alpha</span>=<span style="color: #000000; font-weight:bold;">1</span><span style="color: #000000;">&#125;</span> <span style="color: #E0E0E0;">//Köşeli parentez çalmada görünsün</span>
<span style="color: #004993; font-weight: bold;">function</span> durdur<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> <span style="color: #E0E0E0;">//Pause tuşuna(cal_mc.bsl_btn) basınca yapılacaklar</span>
cal_mc.bsl_btn.<span style="color: #004993;">visible</span>=<span style="color: #000000; font-weight:bold;">1</span>;calmaVarmi=<span style="color: #004993; font-weight: bold;">false</span>; <span style="color: #E0E0E0;">//Play tuşu görünsün pause tuşu görünmesin ve çalma yok.</span>
cal_mc.dur_btn.<span style="color: #004993;">visible</span>=<span style="color: #000000; font-weight:bold;">0</span>;durmaPozisyonu = kanal.<span style="color: #004993;">position</span>; <span style="color: #E0E0E0;">//Durdur tuşu görünmesin ve durma konumu şimdiki konuma eşitlensin</span>
kanal.<span style="color: #004993;">stop</span><span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>;<span style="color: #000000;">&#125;</span> <span style="color: #E0E0E0;">//Ve durma gerçekleşsin</span></pre></div></div>

<p>-Sürekli çalışacak olan enterFrame fonksiyonu;</p>

<div class="wp_syntax"><div class="code"><pre class="actionscript3" style="font-family:monospace;">pz.sag.<span style="color: #004993;">width</span>=pz.sol.<span style="color: #004993;">width</span>=<span style="color: #000000; font-weight:bold;">0</span>; <span style="color: #E0E0E0;">//Sol ve sağ spektrumların ilk genişliği sıfır</span>
<span style="color: #004993; font-weight: bold;">var</span> yuzde<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Number</span> <span style="color: #E0E0E0;">//Daha sonra kullanılacak yüzde değeri</span>
cubuklar.<span style="color: #004993;">alpha</span>=silgi.<span style="color: #004993;">alpha</span>=pz.pz_i.<span style="color: #004993;">alpha</span>=<span style="color: #000000; font-weight:bold;">0</span>; <span style="color: #E0E0E0;">//çubuklar,silgi ve köşeli parantez  başta görünmesin</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>,calis<span style="color: #000000;">&#41;</span> <span style="color: #E0E0E0;">//Sürekli çalışacak fonksiyon</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: #004993; font-weight: bold;">if</span><span style="color: #000000;">&#40;</span>calmaVarmi <span style="color: #000000; font-weight: bold;">&amp;</span>amp;<span style="color: #000000; font-weight: bold;">&amp;</span>amp; xml_yuklendi<span style="color: #000000;">&#41;</span><span style="color: #000000;">&#123;</span> <span style="color: #E0E0E0;">//Konum çubuğu ayarları - çalma varsa ve XML yüklenmişse yapılacaklar</span>
yuzde=kanal.<span style="color: #004993;">position</span><span style="color: #000000; font-weight: bold;">/</span>ses.<span style="color: #004993;">length</span> <span style="color: #E0E0E0;">//'yuzde' değeri şimdiki konum/tüm uzunluk olarak atanıyor</span>
	<span style="color: #004993; font-weight: bold;">if</span><span style="color: #000000;">&#40;</span><span style="color: #000000; font-weight: bold;">!</span>ykl_tik<span style="color: #000000;">&#41;</span><span style="color: #000000;">&#123;</span> <span style="color: #E0E0E0;">//ykl_mc'ye tıklama yoksa yapılacaklar</span>
cubuklar.knm_mc.<span style="color: #004993;">width</span>=cubuklar.ykl_mc.<span style="color: #004993;">width</span><span style="color: #000000; font-weight: bold;">*</span>yuzde<span style="color: #000000;">&#125;</span><span style="color: #004993; font-weight: bold;">else</span><span style="color: #000000;">&#123;</span> <span style="color: #E0E0E0;">//knm_mc genişliği ykl_mc'nin yüzdesi kadar olsun, yoksa;</span>
	<span style="color: #004993; font-weight: bold;">if</span><span style="color: #000000;">&#40;</span>mouseX<span style="color: #000000; font-weight: bold;">-</span>cubuklar.x<span style="color: #000000; font-weight: bold;">&amp;</span>gt;=cubuklar.ykl_mc.<span style="color: #004993;">width</span><span style="color: #000000;">&#41;</span><span style="color: #000000;">&#123;</span>cubuklar.knm_mc.<span style="color: #004993;">width</span>=cubuklar.ykl_mc.<span style="color: #004993;">width</span><span style="color: #000000;">&#125;</span> <span style="color: #E0E0E0;">//Eğer knm_mc genişliği sınırı aşarsa ykl_mc genişliğine eşit olsun</span>
	<span style="color: #004993; font-weight: bold;">if</span><span style="color: #000000;">&#40;</span>mouseX<span style="color: #000000; font-weight: bold;">-</span>cubuklar.x0 <span style="color: #000000; font-weight: bold;">&amp;</span>amp;<span style="color: #000000; font-weight: bold;">&amp;</span>amp;mouseX<span style="color: #000000; font-weight: bold;">-</span>cubuklar.x0<span style="color: #000000;">&#41;</span><span style="color: #000000;">&#123;</span>pz.pz_i.alpha<span style="color: #000000; font-weight: bold;">-</span>=.1<span style="color: #000000;">&#125;</span><span style="color: #000000;">&#125;</span> <span style="color: #E0E0E0;">//Spekturm çubukları kaybolunca köşeli parantez de kaybolsun</span>
	<span style="color: #004993; font-weight: bold;">if</span><span style="color: #000000;">&#40;</span><span style="color: #004993;">Math</span>.<span style="color: #004993;">round</span><span style="color: #000000;">&#40;</span>cubuklar.knm_mc.<span style="color: #004993;">width</span><span style="color: #000000;">&#41;</span>==<span style="color: #004993;">Math</span>.<span style="color: #004993;">round</span><span style="color: #000000;">&#40;</span>cubuklar.<span style="color: #004993;">width</span><span style="color: #000000;">&#41;</span> <span style="color: #000000; font-weight: bold;">&amp;</span>amp;<span style="color: #000000; font-weight: bold;">&amp;</span>amp; <span style="color: #000000; font-weight: bold;">!</span>ykl_tik<span style="color: #000000;">&#41;</span><span style="color: #000000;">&#123;</span> <span style="color: #E0E0E0;">//Çalma bitince durma formatına geçip başa sarmak için</span>
calmaVarmi=<span style="color: #004993; font-weight: bold;">false</span>; kanal.<span style="color: #004993;">stop</span><span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span> <span style="color: #E0E0E0;">//Çalma yok, sesi durdur.</span>
cubuklar.knm_mc.<span style="color: #004993;">width</span>=durmaPozisyonu=<span style="color: #000000; font-weight:bold;">0</span>; <span style="color: #E0E0E0;">//knm_mc ve durma konumu başa gelsin. </span>
cal_mc.bsl_btn.<span style="color: #004993;">visible</span>=<span style="color: #000000; font-weight:bold;">1</span>; cal_mc.dur_btn.<span style="color: #004993;">visible</span>=<span style="color: #000000; font-weight:bold;">0</span><span style="color: #000000;">&#125;</span><span style="color: #000000;">&#125;</span> <span style="color: #E0E0E0;">//Play tuşu görünsün, pause tuşu görünmesin</span></pre></div></div>

<p>-Konum çubuğu kontrolü;</p>

<div class="wp_syntax"><div class="code"><pre class="actionscript3" style="font-family:monospace;">cubuklar.knm_mc.<span style="color: #004993;">width</span>=<span style="color: #000000; font-weight:bold;">0</span> <span style="color: #E0E0E0;">//İlk durumda knm_mc genişliği sıfır</span>
cubuklar.knm_mc.<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>,bas_ykl<span style="color: #000000;">&#41;</span> <span style="color: #E0E0E0;">//knm_mc'ye ve ykl_mc'ye tıklamada da aydı fonksiyon çağırılıyor</span>
cubuklar.ykl_mc.<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>,bas_ykl<span style="color: #000000;">&#41;</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_UP</span>,cek_ykl<span style="color: #000000;">&#41;</span> <span style="color: #E0E0E0;">//Tıklamadan çekilince yapılacaklar için fonksiyon çağırılıyor</span>
<span style="color: #004993; font-weight: bold;">function</span> bas_ykl<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><span style="color: #004993; font-weight: bold;">if</span><span style="color: #000000;">&#40;</span>calmaVarmi<span style="color: #000000;">&#41;</span><span style="color: #000000;">&#123;</span>ykl_tik=<span style="color: #004993; font-weight: bold;">true</span><span style="color: #000000;">&#125;</span><span style="color: #000000;">&#125;</span> <span style="color: #E0E0E0;">//Tıklama anında çalma varsa ykl_tik var. Yukarıda bunun olması halinde yapılacaklar belirlenmişti</span>
<span style="color: #004993; font-weight: bold;">function</span> cek_ykl<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> <span style="color: #E0E0E0;">//Çekme anında</span>
	<span style="color: #004993; font-weight: bold;">if</span><span style="color: #000000;">&#40;</span>calmaVarmi<span style="color: #000000; font-weight: bold;">&amp;</span>amp;<span style="color: #000000; font-weight: bold;">&amp;</span>amp;ykl_tik<span style="color: #000000;">&#41;</span><span style="color: #000000;">&#123;</span>kanal.<span style="color: #004993;">stop</span><span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span> <span style="color: #E0E0E0;">//Eğer çalma varsa ve ykl_tik gerçekleşmişse sesi durdur ve;</span>
	<span style="color: #004993; font-weight: bold;">if</span><span style="color: #000000;">&#40;</span>mouseX<span style="color: #000000; font-weight: bold;">-</span>cubuklar.x<span style="color: #000000; font-weight: bold;">&amp;</span>gt;=cubuklar.ykl_mc.<span style="color: #004993;">width</span><span style="color: #000000;">&#41;</span><span style="color: #000000;">&#123;</span>kanal = ses.<span style="color: #004993;">play</span><span style="color: #000000;">&#40;</span>ses.<span style="color: #004993;">length</span><span style="color: #000000; font-weight: bold;">*</span><span style="color: #000000; font-weight:bold;">199</span><span style="color: #000000; font-weight: bold;">/</span><span style="color: #000000; font-weight:bold;">200</span><span style="color: #000000;">&#41;</span><span style="color: #000000;">&#125;</span> <span style="color: #E0E0E0;">//Sınırı aşan bir yerde bırakılmışsa sesin son kısmında oynat</span>
	<span style="color: #004993; font-weight: bold;">if</span><span style="color: #000000;">&#40;</span>mouseX<span style="color: #000000; font-weight: bold;">-</span>cubuklar.x<span style="color: #000000; font-weight: bold;">&amp;</span>lt;=<span style="color: #000000; font-weight:bold;">0</span><span style="color: #000000;">&#41;</span><span style="color: #000000;">&#123;</span>kanal = ses.<span style="color: #004993;">play</span><span style="color: #000000;">&#40;</span><span style="color: #000000; font-weight:bold;">0</span><span style="color: #000000;">&#41;</span><span style="color: #000000;">&#125;</span> <span style="color: #E0E0E0;">//Sıfırdan önce bir yerde bırakılmışsa sıfırdan oynat</span>
	<span style="color: #004993; font-weight: bold;">if</span><span style="color: #000000;">&#40;</span>mouseX<span style="color: #000000; font-weight: bold;">-</span>cubuklar.x0<span style="color: #000000;">&#41;</span><span style="color: #000000;">&#123;</span> <span style="color: #E0E0E0;">//Eğer bu ikisi de olmamışsa yani ortada bir yerde bırakılmışsa;</span>
kanal = ses.<span style="color: #004993;">play</span><span style="color: #000000;">&#40;</span>ses.<span style="color: #004993;">length</span><span style="color: #000000; font-weight: bold;">*</span><span style="color: #000000;">&#40;</span>mouseX<span style="color: #000000; font-weight: bold;">-</span>cubuklar.<span style="color: #004993;">x</span><span style="color: #000000;">&#41;</span><span style="color: #000000; font-weight: bold;">/</span>cubuklar.ykl_mc.<span style="color: #004993;">width</span><span style="color: #000000;">&#41;</span><span style="color: #000000;">&#125;</span> <span style="color: #E0E0E0;">//Mouse konumuna göre sesi oynat</span>
ykl_tik=<span style="color: #004993; font-weight: bold;">false</span><span style="color: #000000;">&#125;</span><span style="color: #000000;">&#125;</span> <span style="color: #E0E0E0;">//Bıraktığımıza göre artık tıklama yok</span></pre></div></div>

<p>Kodlar bu kadar. Bu uygulamayı tek mp3 çalmanızı gerektirecek tüm alanlarda kullanabilirisiniz. Çalışmanın kaynak dosyasını aşağıdaki linkten indirebilirsiniz.</p>
<p>&#8212;<br />
Kaynak Dosya:<br />
<a href="http://www.flashdersleri.net/wp-content/uploads/2010/05/mp3_mini.zip">mp3_mini.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/3bilal">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/05/04/mini-mp3-player/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
<enclosure url="http://www.flashdersleri.net/wp-content/uploads/2010/05/muzik.mp3" length="1900086" type="audio/mpeg" />
<enclosure url="http://www.flashdersleri.net/wp-content/uploads/2010/05/muzik.mp3" length="1900086" type="audio/mpeg" />
		</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/05/donme_noktasi.swf" /><embed type="application/x-shockwave-flash" width="550" height="400" src="http://www.flashdersleri.net/wp-content/uploads/2010/05/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 (Fullusi):<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/3bilal">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>5</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 (Fullusi):<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/3bilal">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>
		<item>
		<title>Ok Atma (Deneysel)</title>
		<link>http://www.flashdersleri.net/2009/12/21/ok-atma-deneysel/</link>
		<comments>http://www.flashdersleri.net/2009/12/21/ok-atma-deneysel/#comments</comments>
		<pubDate>Mon, 21 Dec 2009 13:19:07 +0000</pubDate>
		<dc:creator>Fullusi</dc:creator>
				<category><![CDATA[ActionScript 3.0]]></category>
		<category><![CDATA[deneysel]]></category>
		<category><![CDATA[experimental]]></category>
		<category><![CDATA[hipotenüs]]></category>
		<category><![CDATA[hitTestObject]]></category>
		<category><![CDATA[Math.atan2]]></category>
		<category><![CDATA[Math.PI]]></category>
		<category><![CDATA[Math.pow]]></category>
		<category><![CDATA[Math.sqrt]]></category>
		<category><![CDATA[ok atma]]></category>
		<category><![CDATA[takip eden göz]]></category>
		<category><![CDATA[yer çekimi]]></category>

		<guid isPermaLink="false">http://www.flashdersleri.net/?p=642</guid>
		<description><![CDATA[Bu yazıda flash&#8217;da oyun tarzı uygulamalar geliştirmede yardımcı olan bazı tekniklerle deneysel bir uygulama yapacağız. Öncelikle yapacağımız şeyin son halini gösterelim: (tıklayıp sürükleyin ve bırakın) Sahneye tıklayınca mouse ucunda ok ve yayın oluştuğunu, oku yalnız belirli bir alana kadar çekip bırakabildiğimizi, okun seyri esnasındaki hızının da bu çekime bağlı olduğunu, oka yerçekimi etkisi, okun rotasyonu, [...]]]></description>
			<content:encoded><![CDATA[<p>Bu yazıda flash&#8217;da oyun tarzı uygulamalar geliştirmede yardımcı olan bazı tekniklerle deneysel bir uygulama yapacağız. Öncelikle yapacağımız şeyin son halini gösterelim: (tıklayıp sürükleyin ve bırakın)</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/05/okat.swf" /><embed type="application/x-shockwave-flash" width="560" height="400" src="http://www.flashdersleri.net/wp-content/uploads/2010/05/okat.swf"></embed></object></p>
<p>Sahneye tıklayınca mouse ucunda ok ve yayın oluştuğunu, oku yalnız belirli bir alana kadar çekip bırakabildiğimizi, okun seyri esnasındaki hızının da bu çekime bağlı olduğunu, oka yerçekimi etkisi, okun rotasyonu, okun duvara sapmanması vs. gibi durumlara dikkat ediniz. Şimdi bu uygulamayı ve bahsettiğim bu etkileri nasıl yaptığımızı açıklayayım:</p>
<p>1. Öncelikle sahneye bir ok, yay ve duvar şeklinde klipler ekleyelim ve bunlara sırasıyla ok_mc, yay_mc ve duvar_mc adlarını verelim. Kütüphanedeki okun linkage kısmına da &#8216;ok&#8217; diyelim(şekil-1). Ayrıca dikkat etmemiz gereken bir şey de; okun registration point noktasını kuyruğu, yayın da tutulacak kısmı olması gerekiyor(şekil-2).</p>
<table border="0" cellspacing="0" cellpadding="0" width="128">
<col span="2" width="64"></col>
<tbody>
<tr height="17">
<td width="64" height="17">[şekil-1]<img title="Linkage" src="http://www.flashdersleri.net/wp-content/uploads/2009/12/rs_2-copy.png" alt="" width="417" height="200" /></td>
<td width="64">[şekil-2]<img title="donme" src="http://www.flashdersleri.net/wp-content/uploads/2009/12/rs_1.png" alt="" width="152" height="118" /></td>
</tr>
</tbody>
</table>
<p>2. Şimdi kod yazmaya başlayalım. Kodumuz dört bloktan oluşuyor, ilk olarak değişkenlerimizi yazıyoruz: (Açıklamalar kodlarla aynı satırda)</p>

<div class="wp_syntax"><div class="code"><pre class="actionscript3" style="font-family:monospace;"><span style="color: #004993; font-weight: bold;">var</span> hip<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Number</span>   <span style="color: #3f5fbf;">/*hipotenüs uzunluğu, yani mouseun yaydan uzaklığı*/</span>
<span style="color: #004993; font-weight: bold;">var</span> gerim<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Number</span>=ok_mc.width<span style="color: #000000; font-weight: bold;">-</span><span style="color: #000000; font-weight:bold;">10</span>   <span style="color: #3f5fbf;">/*okun çekilme mesafesi(genişliğinin 10 eksiği kadar çekilsin)*/</span>
<span style="color: #004993; font-weight: bold;">var</span> artX<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Number</span>   <span style="color: #3f5fbf;">/*mouse'un gerim uzunluğunu geçmesi durumundaki okun x konum artışı*/</span>
<span style="color: #004993; font-weight: bold;">var</span> artY<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Number</span>   <span style="color: #3f5fbf;">/*mouse'un gerim uzunluğunu geçmesi durumundaki okun y konum artışı*/</span>
<span style="color: #004993; font-weight: bold;">var</span> birak<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Boolean</span>=<span style="color: #004993; font-weight: bold;">false</span>   <span style="color: #3f5fbf;">/*oku bırakma durumu (false, yani ok bırakılmamış)*/</span>
<span style="color: #004993; font-weight: bold;">var</span> duv<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Boolean</span>=<span style="color: #004993; font-weight: bold;">false</span>   <span style="color: #3f5fbf;">/*okun duvara değme durumu (false, yani ok duvara saplanmamış)*/</span>
<span style="color: #004993; font-weight: bold;">var</span> hizX<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Number</span>   <span style="color: #3f5fbf;">/*okun x hızı*/</span>
<span style="color: #004993; font-weight: bold;">var</span> hizY<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Number</span>   <span style="color: #3f5fbf;">/*okun y hızı*/</span>
<span style="color: #004993; font-weight: bold;">var</span> gr<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Number</span>=<span style="color: #000000; font-weight:bold;">0</span>   <span style="color: #3f5fbf;">/*yer çekim miktarı*/</span>
<span style="color: #004993; font-weight: bold;">var</span> brk_yon<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Number</span>   <span style="color: #3f5fbf;">/*okun soldan sağa mı sağdan sola mı bırakıldığı durumu - bu daha sonra açıklanacak-*/</span></pre></div></div>

<p>3. Bu kodları ekledikten sonra ok ve yayın ilk aşamada (tıklama olmadığı zaman) görünmemesini sağlıyoruz:</p>

<div class="wp_syntax"><div class="code"><pre class="actionscript3" style="font-family:monospace;">ok_mc.<span style="color: #004993;">visible</span>=<span style="color: #004993; font-weight: bold;">false</span>
yay_mc.<span style="color: #004993;">visible</span>=<span style="color: #004993; font-weight: bold;">false</span></pre></div></div>

<p>4. Şimdi sahneye tıklanma ve tıklamayı bırakma esnasında yapılacakları yazıyoruz;</p>

<div class="wp_syntax"><div class="code"><pre class="actionscript3" style="font-family:monospace;"><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;">/*sahneye tıklamada çağırılacak fonksiyon atanıyor*/</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>   <span style="color: #3f5fbf;">/*fonksiyonu yazıyoruz*/</span>
gr=<span style="color: #000000; font-weight:bold;">0</span>   <span style="color: #3f5fbf;">/*tıklama esnasında önceki yerçekimi değerini sıfırlıyoruz*/</span>
birak=<span style="color: #004993; font-weight: bold;">false</span>   <span style="color: #3f5fbf;">/*bırakma yok*/</span>
duv=<span style="color: #004993; font-weight: bold;">false</span>   <span style="color: #3f5fbf;">/*duvara temas yok(bunlar daha sonra kullanılacak)*/</span>
yay_mc.<span style="color: #004993;">x</span>=<span style="color: #004993;">mouseX</span>;yay_mc.<span style="color: #004993;">y</span>=<span style="color: #004993;">mouseY</span>   <span style="color: #3f5fbf;">/*yayı mouse koordinatlarına getiriyoruz*/</span>
ok_mc.<span style="color: #004993;">visible</span>=<span style="color: #004993; font-weight: bold;">true</span>   <span style="color: #3f5fbf;">/*oku görünür yaptık*/</span>
yay_mc.<span style="color: #004993;">visible</span>=<span style="color: #004993; font-weight: bold;">true</span>   <span style="color: #3f5fbf;">/*yayı görünür yaptık*/</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>,brk<span style="color: #000000;">&#41;</span>   <span style="color: #3f5fbf;">/*sahneye tıklama bitince çağırılacak fonksiyon atanıyor*/</span>
<span style="color: #004993; font-weight: bold;">function</span> brk <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>   <span style="color: #3f5fbf;">/*fonksiyonu yazıyoruz*/</span>
yay_mc.<span style="color: #004993;">gotoAndPlay</span><span style="color: #000000;">&#40;</span><span style="color: #000000; font-weight:bold;">2</span><span style="color: #000000;">&#41;</span>   <span style="color: #3f5fbf;">/*yay_mc nin içinde tıklamayı bıraktığımız esnada sarsılması için kısa bir titreme asnimasyonu yapmıştım. 6 karelik bu animasyonun ilk karesine stop() komutu verdim, ikinci kareye de oku bırakınca çıkacak sesi ekledim. Burada tıklama olunca ikinci kareye gidip oynamasını söylüyoruz.(bunu ok için de yapmıştık onu da aşağıda göreceğiz)*/</span>
birak=<span style="color: #004993; font-weight: bold;">true</span>   <span style="color: #3f5fbf;">/*bırakma var*/</span>
hizX=<span style="color: #000000;">&#40;</span>ok_mc.x<span style="color: #000000; font-weight: bold;">-</span>yay_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;">3</span><span style="color: #000000; font-weight: bold;">*</span><span style="color: #000000; font-weight:bold;">2</span>   <span style="color: #3f5fbf;">/*okun x hızı, ok ve yayın x konumları arasındaki uzaklığın 3/2 katı olsun*/</span>
hizY=<span style="color: #000000;">&#40;</span>ok_mc.y<span style="color: #000000; font-weight: bold;">-</span>yay_mc.<span style="color: #004993;">y</span><span style="color: #000000;">&#41;</span><span style="color: #000000; font-weight: bold;">/</span><span style="color: #000000; font-weight:bold;">3</span><span style="color: #000000; font-weight: bold;">*</span><span style="color: #000000; font-weight:bold;">2</span>   <span style="color: #3f5fbf;">/*okun y hızı, ok ve yayın y konumları arasındaki uzaklığın 3/2 katı olsun*/</span>
brk_yon=mouseX<span style="color: #000000; font-weight: bold;">-</span>yay_mc.<span style="color: #004993;">x</span>   <span style="color: #3f5fbf;">/*bırakma yönü. Eğer ok sağa doğru atılmışsa bu değer negatif, sola doğru atılmışsa pozitif çıkacak. Bunu okun rotasyon yönünü bulmada kullanacağız*/</span>
<span style="color: #000000;">&#125;</span></pre></div></div>

<p>5. Bu aşamada yukarıda bırakma ve duvara saplanma durumlarına false ve true dediğimiz &#8216;birak&#8217; ve &#8216;duv&#8217; isimli boolean&#8217;lerin değişmesiyle yani okun bırakılıp bırakılmadığı ve duvara saplanıp saplanmadığı durumlarını değerlendireceğimiz  sürekli çalışacak olan enterframe fonkisyonumuzu yazalım.(açıklamalardan dolayı kodlar biraz karışık göründü..)</p>

<div class="wp_syntax"><div class="code"><pre class="actionscript3" style="font-family:monospace;"><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;">/*sürekli çalışacak fonksiyonu tanımlıyoruz*/</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 çağırıyoruz*/</span>
&nbsp;
<span style="color: #004993; font-weight: bold;">if</span><span style="color: #000000;">&#40;</span><span style="color: #000000; font-weight: bold;">!</span>birak <span style="color: #000000; font-weight: bold;">&amp;&amp;</span> <span style="color: #000000; font-weight: bold;">!</span>duv<span style="color: #000000;">&#41;</span><span style="color: #000000;">&#123;</span>   <span style="color: #3f5fbf;">/*eğer bırakma ve duvara saplanma durumu yoksa. Burada iki durum söz konusudur, ya mouse'un yaya uzaklığı gerimden büyüktür ya da küçüktür.(bunun için aşağıdaki açıklama kısmına bakınız)*/</span>
hip=<span style="color: #004993;">Math</span>.<span style="color: #004993;">sqrt</span><span style="color: #000000;">&#40;</span><span style="color: #004993;">Math</span>.<span style="color: #004993;">pow</span><span style="color: #000000;">&#40;</span><span style="color: #000000;">&#40;</span>mouseX<span style="color: #000000; font-weight: bold;">-</span>yay_mc.<span style="color: #004993;">x</span><span style="color: #000000;">&#41;</span>,<span style="color: #000000; font-weight:bold;">2</span><span style="color: #000000;">&#41;</span><span style="color: #000000; font-weight: bold;">+</span><span style="color: #004993;">Math</span>.<span style="color: #004993;">pow</span><span style="color: #000000;">&#40;</span><span style="color: #000000;">&#40;</span>mouseY<span style="color: #000000; font-weight: bold;">-</span>yay_mc.<span style="color: #004993;">y</span><span style="color: #000000;">&#41;</span>,<span style="color: #000000; font-weight:bold;">2</span><span style="color: #000000;">&#41;</span><span style="color: #000000;">&#41;</span>   <span style="color: #3f5fbf;">/*hipotenüs uzaklığını yani mouse'un yaya olan uzaklığını hesapladık*/</span>
&nbsp;
<span style="color: #004993; font-weight: bold;">if</span><span style="color: #000000;">&#40;</span>hip<span style="color: #000000; font-weight: bold;">&lt;</span>=gerim<span style="color: #000000;">&#41;</span><span style="color: #000000;">&#123;</span>   <span style="color: #3f5fbf;">/*eğer okla yay arası uzaklık gerimden küçük veya eşitse;*/</span>
ok_mc.<span style="color: #004993;">x</span>=<span style="color: #004993;">mouseX</span>;ok_mc.<span style="color: #004993;">y</span>=<span style="color: #004993;">mouseY</span>   <span style="color: #3f5fbf;">/*okun yeri mouse olsun*/</span>
<span style="color: #000000;">&#125;</span><span style="color: #004993; font-weight: bold;">else</span><span style="color: #000000;">&#123;</span>   <span style="color: #3f5fbf;">/*değilse;*/</span>
artX=gerim<span style="color: #000000; font-weight: bold;">*</span><span style="color: #000000;">&#40;</span>mouseX<span style="color: #000000; font-weight: bold;">-</span>yay_mc.<span style="color: #004993;">x</span><span style="color: #000000;">&#41;</span><span style="color: #000000; font-weight: bold;">/</span>hip   <span style="color: #3f5fbf;">/*(bunun için sayfa sonundaki açıklama kısmına bakınız)*/</span>
ok_mc.<span style="color: #004993;">x</span>=yay_mc.<span style="color: #004993;">x</span><span style="color: #000000; font-weight: bold;">+</span>artX   <span style="color: #3f5fbf;">/*okun yeni x konumu*/</span>
artY=gerim<span style="color: #000000; font-weight: bold;">*</span><span style="color: #000000;">&#40;</span>mouseY<span style="color: #000000; font-weight: bold;">-</span>yay_mc.<span style="color: #004993;">y</span><span style="color: #000000;">&#41;</span><span style="color: #000000; font-weight: bold;">/</span>hip   <span style="color: #3f5fbf;">/*(bunun için sayfa sonundaki açıklama kısmına bakınız)*/</span>
ok_mc.<span style="color: #004993;">y</span>=yay_mc.<span style="color: #004993;">y</span><span style="color: #000000; font-weight: bold;">+</span>artY   <span style="color: #3f5fbf;">/*okun yeni y konumu*/</span><span style="color: #000000;">&#125;</span>
ok_mc.<span style="color: #004993;">rotation</span>=yay_mc.<span style="color: #004993;">rotation</span> = <span style="color: #004993;">Math</span>.<span style="color: #004993;">atan2</span><span style="color: #000000;">&#40;</span>ok_mc.y<span style="color: #000000; font-weight: bold;">-</span>yay_mc.<span style="color: #004993;">y</span>,ok_mc.x<span style="color: #000000; font-weight: bold;">-</span>yay_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;">&#40;</span><span style="color: #000000; font-weight:bold;">180</span><span style="color: #000000; font-weight: bold;">/</span><span style="color: #004993;">Math</span>.<span style="color: #004993;">PI</span><span style="color: #000000;">&#41;</span>   <span style="color: #3f5fbf;">/*burada okun ve yayın rotasyoununu okun yatayla yaptığı açıya göre belirleyerek bunu derece cinsine çevirdik.*/</span><span style="color: #000000;">&#125;</span>
&nbsp;
<span style="color: #004993; font-weight: bold;">if</span><span style="color: #000000;">&#40;</span>birak<span style="color: #000000;">&#41;</span><span style="color: #000000;">&#123;</span>   <span style="color: #3f5fbf;">/*bırakma varsa*/</span>
gr<span style="color: #000000; font-weight: bold;">-</span>=<span style="color: #000000; font-weight:bold;">5</span>   <span style="color: #3f5fbf;">/*yer çekimi etkisi*/</span>
ok_mc.<span style="color: #004993;">x</span>=ok_mc.x<span style="color: #000000; font-weight: bold;">-</span>hizX   <span style="color: #3f5fbf;">/*okun x konumunun her birimde azalacak miktarı*/</span>
ok_mc.<span style="color: #004993;">y</span>=ok_mc.y<span style="color: #000000; font-weight: bold;">-</span>hizY<span style="color: #000000; font-weight: bold;">-</span>gr<span style="color: #000000; font-weight: bold;">/</span><span style="color: #000000; font-weight:bold;">15</span>   <span style="color: #3f5fbf;">/*okun y konumunu her birimde azalacak miktarı. Bu y koordinatı olduğu için yer çekimi etkisini de katıyoruz işin içine*/</span>
&nbsp;
<span style="color: #004993; font-weight: bold;">if</span><span style="color: #000000;">&#40;</span>brk_yon<span style="color: #000000; font-weight: bold;">&gt;</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: #3f5fbf;">/*oku sola doğru atmışsak(bu yukarıda açıklanmıştı)*/</span>
ok_mc.<span style="color: #004993;">rotation</span><span style="color: #000000; font-weight: bold;">+</span>=gr<span style="color: #000000; font-weight: bold;">/</span><span style="color: #000000; font-weight:bold;">80</span><span style="color: #000000;">&#125;</span>   <span style="color: #3f5fbf;">/*ok sağdan sola doğru yer çekimi ile orantılı olarak dönsün*/</span>
<span style="color: #004993; font-weight: bold;">else</span><span style="color: #000000;">&#123;</span>ok_mc.rotation<span style="color: #000000; font-weight: bold;">-</span>=gr<span style="color: #000000; font-weight: bold;">/</span><span style="color: #000000; font-weight:bold;">80</span><span style="color: #000000;">&#125;</span>   <span style="color: #3f5fbf;">/*değilse tam tersi olsun*/</span><span style="color: #000000;">&#125;</span>
&nbsp;
<span style="color: #004993; font-weight: bold;">if</span><span style="color: #000000;">&#40;</span>ok_mc.<span style="color: #004993;">hitTestObject</span><span style="color: #000000;">&#40;</span>duvar_mc<span style="color: #000000;">&#41;</span><span style="color: #000000; font-weight: bold;">&amp;&amp;</span> duv==<span style="color: #004993; font-weight: bold;">false</span> <span style="color: #000000; font-weight: bold;">&amp;&amp;</span> birak==<span style="color: #004993; font-weight: bold;">true</span><span style="color: #000000;">&#41;</span><span style="color: #000000;">&#123;</span>   <span style="color: #3f5fbf;">/*eğer ok ile duvar temas etmişse -hittest- ve bırakma varsa*/</span>
ok_mc.<span style="color: #004993;">visible</span>=<span style="color: #004993; font-weight: bold;">false</span>   <span style="color: #3f5fbf;">/*oku gösterme(bu okun yerine kütüphaneden çağıracağımız bir oku koyacağız)*/</span>
duv=<span style="color: #004993; font-weight: bold;">true</span>   <span style="color: #3f5fbf;">/*duvarla temas var*/</span>
&nbsp;
<span style="color: #004993; font-weight: bold;">var</span> yeni_mc<span style="color: #000000; font-weight: bold;">:</span>ok=<span style="color: #004993; font-weight: bold;">new</span> ok<span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>;   <span style="color: #3f5fbf;">/*kütüphaneden ok ismini verdiğimiz klibi çağrmak için yeni_mc'yi tanımlıyoruz*/</span>
yeni_mc.<span style="color: #004993;">x</span>=ok_mc.<span style="color: #004993;">x</span>   <span style="color: #3f5fbf;">/*çağrılan yeni oku eski ok'un duvarla değme anındaki konumun oturtmak için x değerini ona eşitliyoruz*/</span>
yeni_mc.<span style="color: #004993;">y</span>=ok_mc.<span style="color: #004993;">y</span>   <span style="color: #3f5fbf;">/*y değerini eşitliyoruz*/</span>
yeni_mc.<span style="color: #004993;">rotation</span>=ok_mc.<span style="color: #004993;">rotation</span>   <span style="color: #3f5fbf;">/*ve eski okla yani okun aynı konumda ve aynı rotasyonda olması için rotasyonlarını da eşitliyoruz*/</span>
<span style="color: #004993;">addChild</span><span style="color: #000000;">&#40;</span>yeni_mc<span style="color: #000000;">&#41;</span>;   <span style="color: #3f5fbf;">/*yeni_mc'yi sahneye ekliyoruz*/</span>
yeni_mc.<span style="color: #004993;">gotoAndPlay</span><span style="color: #000000;">&#40;</span><span style="color: #000000; font-weight:bold;">2</span><span style="color: #000000;">&#41;</span>   <span style="color: #3f5fbf;">/*saplanma esnasında tıpkı yaydaki gibi bir titreşimin olması için okun içinde bir animasyon yaptım, bu animasyonun ilke karesine stop() komutu ikinci karesine ise saplanma esnasında çıkacak sesi ekledim, burada bu aniaasyonu başlatıyoruz*/</span>
	<span style="color: #000000;">&#125;</span>
<span style="color: #000000;">&#125;</span></pre></div></div>

<p>Kodlarımız bu kadar. Yukarıdaki işlemleri yapıp bu kodları sırayla eklersek uygulamamız sorunsuz çalışır. Şimdi yukarıda bazı kodların izahında yönlendirdiğimiz açıklamalara bakalım;</p>
<p><em>Açıklama:</em></p>

<div class="wp_syntax"><div class="code"><pre class="actionscript3" style="font-family:monospace;">artX=gerim<span style="color: #000000; font-weight: bold;">*</span><span style="color: #000000;">&#40;</span>mouseX<span style="color: #000000; font-weight: bold;">-</span>yay_mc.<span style="color: #004993;">x</span><span style="color: #000000;">&#41;</span><span style="color: #000000; font-weight: bold;">/</span>hip
ok_mc.<span style="color: #004993;">x</span>=yay_mc.<span style="color: #004993;">x</span><span style="color: #000000; font-weight: bold;">+</span>artX</pre></div></div>

<p>Bu işlemde oku belli bir miktardan fazla çektiğimiz zaman okun mouse konumunu almayı bıraktığını ve sadece yay ile mouse arasında belli bir uzaklıkta bu düzlemde kaldığını görüyoruz yani oku çekmeyi sınırlıyoruz. Aşağıda bu sınırlama ve sınırlamanın olmadığı durumlar swf olarak gösterilmiştir. Solda sınırlamanın olmadığı, sağda olduğu durum verilmiştir:</p>
<table border="0" cellspacing="0" cellpadding="0" width="128">
<col span="2" width="64"></col>
<tbody>
<tr height="17">
<td width="64" height="17"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="210" height="200" 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/2009/12/ok_i.swf" /><embed type="application/x-shockwave-flash" width="200" height="200" src="http://www.flashdersleri.net/wp-content/uploads/2009/12/ok_i.swf"></embed></object></td>
<td width="64"><span style="color: #ffffff;">&#8230;</span></td>
<td width="64"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="210" height="200" 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/2009/12/ok_s.swf" /><embed type="application/x-shockwave-flash" width="200" height="200" src="http://www.flashdersleri.net/wp-content/uploads/2009/12/ok_s.swf"></embed></object></td>
</tr>
</tbody>
</table>
<p>Bunu yapabilmek için işin içine biraz daha geometri katacağız. Aşağıdaki şekil-3 üzerinden şöyle bir yorum getirebiliriz: Bizim bulmaya çalışltığımız şey; mouse gereğinden fazla uzaklaşsa bile hep belirli bir mesafe uzaklıkta kalmasını istediğimiz kırmızı noktanın koordinatları.</p>
<p>[şekil-3]<br />
<img title="Linkage" src="http://www.flashdersleri.net/wp-content/uploads/2009/12/grafik1.png" alt="" width="342" height="180" /></p>
<p>Bu grafiğe göre mouse ve yayı birleştiren doğru üzerinde benzer üçgenler teoremleri esaslı şöyle bir bağlantı kuruyoruz,</p>

<div class="wp_syntax"><div class="code"><pre class="actionscript3" style="font-family:monospace;">gerim<span style="color: #000000; font-weight: bold;">/</span>hip=artX<span style="color: #000000; font-weight: bold;">/</span><span style="color: #000000;">&#40;</span>mouseX<span style="color: #000000; font-weight: bold;">-</span>yay_mc.<span style="color: #004993;">x</span><span style="color: #000000;">&#41;</span></pre></div></div>

<p>buradan da artX&#8217;i yalnız bırakıp şöyle bir formülize sistem kurabiliriz;</p>

<div class="wp_syntax"><div class="code"><pre class="actionscript3" style="font-family:monospace;">artX=gerim<span style="color: #000000; font-weight: bold;">*</span><span style="color: #000000;">&#40;</span>mouseX<span style="color: #000000; font-weight: bold;">-</span>yay_mc.<span style="color: #004993;">x</span><span style="color: #000000;">&#41;</span><span style="color: #000000; font-weight: bold;">/</span>hip</pre></div></div>

<p>aynı yöntemle de artY&#8217;yi buluyoruz;</p>

<div class="wp_syntax"><div class="code"><pre class="actionscript3" style="font-family:monospace;">artY=gerim<span style="color: #000000; font-weight: bold;">*</span><span style="color: #000000;">&#40;</span>mouseY<span style="color: #000000; font-weight: bold;">-</span>yay_mc.<span style="color: #004993;">y</span><span style="color: #000000;">&#41;</span><span style="color: #000000; font-weight: bold;">/</span>hip</pre></div></div>

<p>Şimdi artX ve artY değerlerini bulduğumuza göre bunları yay_mc&#8217;nin koordinatlarına eklersek kırmızı noktanın yani ok_mc nin koordinatlarını bulmuş oluruz.<br />
Bu yöntem oldukça faydalı olmakla beraber bazı uygulamaların da esasını oluşturan geometrik bir yöntemdir.</p>
<p># Size bu yazıya bonus olarak aşağıdaki takip eden göz uygulamasını da veriyorum. Bunun da mantığı üstteki durum gibidir. Bu uygulamayı yukarıda bahsettiğim geometrik esaslara dayanarak kolayca hazırlayabilirsiniz.<br />
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="250" height="150" 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/2009/12/goz.swf" /><embed type="application/x-shockwave-flash" width="250" height="150" src="http://www.flashdersleri.net/wp-content/uploads/2009/12/goz.swf"></embed></object><br />
Uygulamaların fla dosyalarını aşağıdaki bağlantılardan indirebilirsiniz.<br />
&#8212;<br />
Kaynak Dosyaları:<br />
<a href="http://www.flashdersleri.net/wp-content/uploads/2009/12/ok_atma.zip">ok_atma.fla</a> | <a href="http://www.flashdersleri.net/wp-content/uploads/2009/12/goz.zip">goz.fla</a></p>
<p>Takip Edin (Fullusi):<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/3bilal">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/2009/12/21/ok-atma-deneysel/feed/</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
		<item>
		<title>Flash&#8217;da CSS Kullanmak</title>
		<link>http://www.flashdersleri.net/2009/12/17/flashda-css-kullanmak/</link>
		<comments>http://www.flashdersleri.net/2009/12/17/flashda-css-kullanmak/#comments</comments>
		<pubDate>Thu, 17 Dec 2009 19:32:52 +0000</pubDate>
		<dc:creator>Fullusi</dc:creator>
				<category><![CDATA[ActionScript 3.0]]></category>
		<category><![CDATA[Cascading Style Sheets]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[parseCSS]]></category>
		<category><![CDATA[StyleSheet]]></category>

		<guid isPermaLink="false">http://www.flashdersleri.net/?p=425</guid>
		<description><![CDATA[CSS(Cascading Style Sheets),  standart HTML sayfaları hazırlanırken her seferinde aynı belirleyicileri yazmamak için kullanılan, sayfalarda genel kullanıma açık veriler oluşturmaya yarayan bir web teknolojisidir. CSS yi sayfa içindeki yazıların renk, yazı tipi, büyüklük gibi parametrelerinin değiştirilmesinde de kullanırız. Flash’da da bir kısım CSS stilleri kullanarak textleri şekillendirmemiz ve düzenlememiz mümkündür. Şimdi buna bakalım; Öncelikle yeni [...]]]></description>
			<content:encoded><![CDATA[<p>CSS(Cascading Style Sheets),  standart HTML sayfaları hazırlanırken her seferinde aynı belirleyicileri yazmamak için kullanılan, sayfalarda genel kullanıma açık veriler oluşturmaya yarayan bir web teknolojisidir. CSS yi sayfa içindeki yazıların renk, yazı tipi, büyüklük gibi parametrelerinin değiştirilmesinde de kullanırız. Flash’da da bir kısım CSS stilleri kullanarak textleri şekillendirmemiz ve düzenlememiz mümkündür. Şimdi buna bakalım;</p>
<p>Öncelikle yeni bir metin belgesi(txt) oluşturup buraya uygun CSS kodlarımızı yazalım. Örnek olarak ben aşağıdaki gibi bir css alanı hazırladım;</p>

<div class="wp_syntax"><div class="code"><pre class="actionscript3" style="font-family:monospace;">p <span style="color: #000000;">&#123;</span> font<span style="color: #000000; font-weight: bold;">-</span>family<span style="color: #000000; font-weight: bold;">:</span> Arial, Helvetica, _serif;
font<span style="color: #000000; font-weight: bold;">-</span><span style="color: #004993;">size</span><span style="color: #000000; font-weight: bold;">:</span> <span style="color: #000000; font-weight:bold;">14</span>;<span style="color: #000000;">&#125;</span>
h1 <span style="color: #000000;">&#123;</span>font<span style="color: #000000; font-weight: bold;">-</span>family<span style="color: #000000; font-weight: bold;">:</span> Arial, Helvetica, _sans;
font<span style="color: #000000; font-weight: bold;">-</span><span style="color: #004993;">size</span><span style="color: #000000; font-weight: bold;">:</span> <span style="color: #000000; font-weight:bold;">20</span>;
font<span style="color: #000000; font-weight: bold;">-</span>weight<span style="color: #000000; font-weight: bold;">:</span> <span style="color: #004993;">bold</span>;<span style="color: #000000;">&#125;</span>
yt <span style="color: #000000;">&#123;</span>font<span style="color: #000000; font-weight: bold;">-</span>family<span style="color: #000000; font-weight: bold;">:</span> Times New Roman, Helvetica, _sans;
font<span style="color: #000000; font-weight: bold;">-</span><span style="color: #004993;">size</span><span style="color: #000000; font-weight: bold;">:</span> <span style="color: #000000; font-weight:bold;">14</span>;<span style="color: #000000;">&#125;</span>
.<span style="color: #004993;">link</span> <span style="color: #000000;">&#123;</span><span style="color: #004993;">color</span><span style="color: #000000; font-weight: bold;">:</span> #FF0000;<span style="color: #000000;">&#125;</span>
a<span style="color: #000000; font-weight: bold;">:</span>hover <span style="color: #000000;">&#123;</span><span style="color: #004993;">color</span><span style="color: #000000; font-weight: bold;">:</span>#1E90FF;<span style="color: #000000;">&#125;</span>
.Mavi <span style="color: #000000;">&#123;</span><span style="color: #004993;">color</span><span style="color: #000000; font-weight: bold;">:</span> #0000CC;<span style="color: #000000;">&#125;</span></pre></div></div>

<p>Daha sonra bu dosyayı “ornek.css” diye kaydedelim ve flash’ı açıp actionscript panelinde kodlamalara başlayalım.<br />
Önce bir Urlloader oluşturarak ornek.css diye kaydettiğimiz CSS dosyasını flash içine yüklememiz gerekir. Bunun için aşağıdaki kodları kullanıyoruz; (kodların açıklamaları aynı satırda)</p>

<div class="wp_syntax"><div class="code"><pre class="actionscript3" style="font-family:monospace;"><span style="color: #004993; font-weight: bold;">var</span> <span style="color: #004993;">loader</span><span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">URLLoader</span>= <span style="color: #004993; font-weight: bold;">new</span> <span style="color: #004993;">URLLoader</span><span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>;<span style="color: #E0E0E0;">//yeni yükleyici</span>
<span style="color: #004993; font-weight: bold;">var</span> req<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">URLRequest</span> = <span style="color: #004993; font-weight: bold;">new</span> <span style="color: #004993;">URLRequest</span><span style="color: #000000;">&#40;</span><span style="color: #009900;">&quot;ornek.css&quot;</span><span style="color: #000000;">&#41;</span>;<span style="color: #E0E0E0;">//yeni url yolu</span>
<span style="color: #004993;">loader</span>.<span style="color: #004993;">load</span><span style="color: #000000;">&#40;</span>req<span style="color: #000000;">&#41;</span>;<span style="color: #E0E0E0;">//yükleyiciye bu yoldaki veriyi yükle</span>
<span style="color: #004993;">loader</span>.<span style="color: #004993;">addEventListener</span><span style="color: #000000;">&#40;</span><span style="color: #004993;">Event</span>.<span style="color: #004993;">COMPLETE</span>, CSSyuklendi<span style="color: #000000;">&#41;</span>;<span style="color: #E0E0E0;">//yükleme biterse çalışacak fonksiyon</span>
<span style="color: #004993; font-weight: bold;">function</span> CSSyuklendi<span style="color: #000000;">&#40;</span>event<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;">//fonksiyonu yazıyoruz</span>
<span style="color: #004993;">trace</span><span style="color: #000000;">&#40;</span><span style="color: #009900;">&quot;CSS Yüklendi!&quot;</span><span style="color: #000000;">&#41;</span>
<span style="color: #004993;">trace</span><span style="color: #000000;">&#40;</span><span style="color: #004993;">loader</span>.<span style="color: #004993;">data</span><span style="color: #000000;">&#41;</span><span style="color: #E0E0E0;">//Burada yüklenen CSS nin içeriğini görebiliriz.</span>
<span style="color: #000000;">&#125;</span></pre></div></div>

<p>Bu fonksiyon gerçekleşince CSS nin yüklendiğine dair uyarı ve yüklenen CSS nin içeriği Output ekranında görülecektir. Şimdi CSS’yi üzerine işleyeceğimiz textimizi 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;">var</span> yazi<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">TextField</span>= <span style="color: #004993; font-weight: bold;">new</span> <span style="color: #004993;">TextField</span><span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>;<span style="color: #E0E0E0;">//yeni textfield</span>
yazi.<span style="color: #004993;">width</span> = <span style="color: #000000; font-weight:bold;">400</span>;<span style="color: #E0E0E0;">//yazı alanının genişliği</span>
yazi.<span style="color: #004993;">height</span> = <span style="color: #000000; font-weight:bold;">60</span> ;<span style="color: #E0E0E0;">//yazı alanının yüksekliği</span>
<span style="color: #004993;">addChild</span><span style="color: #000000;">&#40;</span>yazi<span style="color: #000000;">&#41;</span>; <span style="color: #E0E0E0;">//yazı alanı sahneye eklendi</span>
<span style="color: #004993; font-weight: bold;">var</span> ornekYazi<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">String</span> = <span style="color: #009900;">&quot;&lt;h1&gt;Büyük Yazı&lt;/h1&gt;&quot;</span> <span style="color: #000000; font-weight: bold;">+</span>
<span style="color: #009900;">&quot;&lt;p&gt;Standart Yazı &lt;span class='Mavi'&gt;&quot;</span> <span style="color: #000000; font-weight: bold;">+</span>
<span style="color: #009900;">&quot;Şimdi Rengini Mavi Yaptık.&lt;/span&gt;&lt;/p&gt;&quot;</span><span style="color: #000000; font-weight: bold;">+</span>
<span style="color: #009900;">&quot;&lt;yt&gt;Yazı Tipini Değiştirdik&lt;/yt&gt;&quot;</span> <span style="color: #000000; font-weight: bold;">+</span>
<span style="color: #009900;">&quot;&lt;p&gt;&lt;span class='link'&gt;&lt;a href='http://google.com' target='_blank'&gt;Buraya da Tepkili Link Verdik&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;&quot;</span>
<span style="color: #E0E0E0;">//burada da örnek yazıyı CSS de hazırladığımız taglara göre oluşturduk.</span></pre></div></div>

<p>Bundan sonra da ilk kod bloğunda CSS yüklemesinin bittiği anda çalıştırılmasını istediğimiz “CSSyuklendi” fonksiyonunu şu şekilde düzenleyip yeniden yazalım;(burada yüklediğimiz CSS&#8217;yi yazının styleSheet ayarlarına yönlendiriyoruz)</p>

<div class="wp_syntax"><div class="code"><pre class="actionscript3" style="font-family:monospace;"><span style="color: #004993; font-weight: bold;">function</span> CSSyuklendi<span style="color: #000000;">&#40;</span>event<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: #004993; font-weight: bold;">var</span> stil<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">StyleSheet</span> = <span style="color: #004993; font-weight: bold;">new</span> <span style="color: #004993;">StyleSheet</span><span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>;<span style="color: #E0E0E0;">//flash içinde yeni StyleSheet oluşturuyoruz</span>
stil.<span style="color: #004993;">parseCSS</span><span style="color: #000000;">&#40;</span><span style="color: #004993;">loader</span>.<span style="color: #004993;">data</span><span style="color: #000000;">&#41;</span>;<span style="color: #E0E0E0;">//oluştırduğumuz StyleSheet’e  daha önceden yüklediğimiz CSS’nin içeriğini aktarıyoruz</span>
yazi.<span style="color: #004993;">styleSheet</span> = stil;<span style="color: #E0E0E0;">//önceki blokda “yazi” adını verdiğimiz TexdField’ın styleSheet ayarını oluştuduğumuz stil’e yönlendiriyoruz</span>
yazi.<span style="color: #004993;">text</span> = ornekYazi;<span style="color: #E0E0E0;">//ve son olarak yazı alanımızın içeriğini yukarıda hazırladığımız “ornekYazi” stringi olarak ayarlıyoruz.</span>
<span style="color: #000000;">&#125;</span></pre></div></div>

<p>Tüm kodlarımızın son hali altta görünen şekildedir. Bu kodu test edelim;</p>

<div class="wp_syntax"><div class="code"><pre class="actionscript3" style="font-family:monospace;"><span style="color: #004993; font-weight: bold;">var</span> <span style="color: #004993;">loader</span><span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">URLLoader</span>= <span style="color: #004993; font-weight: bold;">new</span> <span style="color: #004993;">URLLoader</span><span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>;
<span style="color: #004993; font-weight: bold;">var</span> req<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">URLRequest</span> = <span style="color: #004993; font-weight: bold;">new</span> <span style="color: #004993;">URLRequest</span><span style="color: #000000;">&#40;</span><span style="color: #009900;">&quot;ornek.css&quot;</span><span style="color: #000000;">&#41;</span>;
<span style="color: #004993;">loader</span>.<span style="color: #004993;">load</span><span style="color: #000000;">&#40;</span>req<span style="color: #000000;">&#41;</span>;
<span style="color: #004993;">loader</span>.<span style="color: #004993;">addEventListener</span><span style="color: #000000;">&#40;</span><span style="color: #004993;">Event</span>.<span style="color: #004993;">COMPLETE</span>, CSSyuklendi<span style="color: #000000;">&#41;</span>;
<span style="color: #004993; font-weight: bold;">var</span> yazi<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">TextField</span>= <span style="color: #004993; font-weight: bold;">new</span> <span style="color: #004993;">TextField</span><span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>;
yazi.<span style="color: #004993;">width</span> = <span style="color: #000000; font-weight:bold;">400</span>; yazi.<span style="color: #004993;">height</span> = <span style="color: #000000; font-weight:bold;">60</span>; <span style="color: #004993;">addChild</span><span style="color: #000000;">&#40;</span>yazi<span style="color: #000000;">&#41;</span>;
<span style="color: #004993; font-weight: bold;">var</span> ornekYazi<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">String</span> = <span style="color: #009900;">&quot;&lt;h1&gt;Büyük Yazı&lt;/h1&gt;&quot;</span> <span style="color: #000000; font-weight: bold;">+</span>
<span style="color: #009900;">&quot;&lt;p&gt;Standart Yazı &lt;span class='Mavi'&gt;&quot;</span> <span style="color: #000000; font-weight: bold;">+</span>
<span style="color: #009900;">&quot;Şimdi Rengini Mavi Yaptık.&lt;/span&gt;&lt;/p&gt;&quot;</span><span style="color: #000000; font-weight: bold;">+</span>
<span style="color: #009900;">&quot;&lt;yt&gt;Yazı Tipini Değiştirdik&lt;/yt&gt;&quot;</span> <span style="color: #000000; font-weight: bold;">+</span>
<span style="color: #009900;">&quot;&lt;p&gt;&lt;span class='link'&gt;&lt;a href='http://google.com' target='_blank'&gt;Buraya da Tepkili Link Verdik&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;&quot;</span>
<span style="color: #004993; font-weight: bold;">function</span> CSSyuklendi<span style="color: #000000;">&#40;</span>event<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: #004993; font-weight: bold;">var</span> stil<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">StyleSheet</span> = <span style="color: #004993; font-weight: bold;">new</span> <span style="color: #004993;">StyleSheet</span><span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>;
stil.<span style="color: #004993;">parseCSS</span><span style="color: #000000;">&#40;</span><span style="color: #004993;">loader</span>.<span style="color: #004993;">data</span><span style="color: #000000;">&#41;</span>;
yazi.<span style="color: #004993;">styleSheet</span> = stil; yazi.<span style="color: #004993;">text</span> = ornekYazi;
<span style="color: #000000;">&#125;</span></pre></div></div>

<p>Sonuç / Örnek Swf:<br />
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="400" height="60" 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/2009/12/CSS_ornek.swf" /><param name="quality" value="high" /><embed type="application/x-shockwave-flash" width="400" height="60" src="http://www.flashdersleri.net/wp-content/uploads/2009/12/CSS_ornek.swf" quality="high"></embed></object><br />
&#8212;<br />
Görüldüğü gibi CSS de belirttiğimiz parametreleri flash üzerinden yazımıza uyguladık. Bu şekil kullanım hem pratiklik hem de normalde yapamadığımız bazı uygulamaları(örneğin tepkili linkler) yapabilmemiz için yararlıdır. Son olarak şunu söylemem gerekir ki Flash tüm CSS stillerini desteklemez. Flash’ın desteklediği CSS stilleri ve sınıf bilgileri için <a href="http://livedocs.adobe.com/flash/9.0/ActionScriptLangRefV3/flash/text/StyleSheet.html">şurayı</a> inceleyebilirsiniz.<br />
Bu kadar, herkese kolay gelsin&#8230;</p>
<p>Takip Edin (Fullusi):<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/3bilal">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/2009/12/17/flashda-css-kullanmak/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
