23 Mart 2009 Pazartesi

ActionScript 3.0 ile sayfayı tam ekran yapmak

Flash animasyonumuzu tam ekran yapmak oldukça kolay.Tam ekran yapmak için ana frame'ye

fscommand("fullscreen","true");

kodunu eklememiz yeterli olacaktır.Bu sayede animasyonumuz ilk açıldığında full screen yani tam ekrada görüntülenecektir.Tam ekranı iptal etmek için ise :

fscommand("fullscreen","false");

kodunu kullanabilirsiniz ...

Hareketli Baloncuk Yapımı

Hareketli baloncuk animasyonu için yeni bir sayfa açıyoruz.Boyutlarını ve arkaplan rengini istediğiniz şekilde yapabilirsiniz.Şimdi ise 1. framenin action kısmına :

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

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

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

kodlarını yapıştırın ve çalıştırın.

ÖRNEK ÇALIŞMAYI İNDİRMEK İÇİN TIKLAYINIZ

Flash ile Şifreli Girişi Yapımı

Flash kullanarak bir çok özelliği bir kaç yoldan yapılabileceğini daha önceki derslerde öğrenmiştik. Mesela bir butonun üstüne fareyle geldiğimiz zaman movienin başka bir yerinde her hangi bir nesneyi ziyaretçilerimize göstermemizin bir çok yolu vardır. Bunlardan biri butonumuzun over framesine yerleştireceğimiz nesneyle diğeri ise tell target olayıyla. Daha değişik yollarda kullanabilirsiniz. Bu tamamen sizin zevkinize kalmış bir mesele.

Bu haftada sayfa tasarımı yapanlar tarafından en çok ilgi çeken konulardan birini işleyeceğiz. Sayfamızda, Flashla yapacağımız bir movieyle ziyaretçilerimizden şifre isteyeceğiz. Şifreyi bilenler istedikleri sayfaları görecekler. Yukarıda da belirttiğim gibi şifre sorma olayını çok değişik şekillerde yapabiliriz. CGI kullanabiliriz, iki Text Field'deki değerleri karşılaştırıp yapabiliriz veya şifreyi direkt olarak yazabiliriz. Biz sizler için en kolay olanı anlatacağız yani üçüncü yolu.

Flash'ı açtıktan sonra ilk önce moviemizin boyutunu, arka plan rengini ayarlayalım. Şifre moviemiz için 300x200 pixel işimizi görür sanırım. Arka planıda siyah yapın. En azından bu örneğimiz için. Sonradan istediğiniz bir renk yapabilirsiniz. Movienin boyutunu ve arka plan rengini Modify/Movie(Ctrl+M) seçeneğinden ayarlayabileceğinizi de şöyle kısaca bir hatırlatalım.

Moviemizin boyutunu ve rengini ayarladıktan sonra Text Tool(T) aracı ile moviemizin sol üst tarafının biraz altına Username yazalım. Username yazısının hemen altına Password yazalım.
Text Tool aracımız seçiliyken aktif hale gelen Text Field kutusunu tıklayalım ve Username yazısının hemen karşısına yüksekliği ve genişliği Username yazısı kadar olacak şekilde dikdörtgen bir alan çizelim. Aynı alanı Password yazısının karşısınada yerleştirelim. Böylece ziyaretçimiz Usernamesini hemen karşısındaki alana, Passwordünüde hemen karşısındaki boş alana yazabilecek. Şimdi kolaylık olması açısından Text Fieldlerimizin isimlerini değiştireceğiz.
Bunun için Text Fielde farenin sağ tuşuyla tıklayıp Properties seçeneğini kullanmamız gerekiyor. İlk önce Username yazımızın karşısındaki Text Fielde sağ tuşla tıklayıp Properites seçeneğini seçelim. Açılan Text Filed Properties penceresinde Variable yazan kutucuğa küçük harflerle username yazalım.

Şimdide Password yazımızın karşısındaki Text Fieldimizede aynısını yapalım. Sadece Variable kutucuğuna password yazalım birde yazılan harflerin yıldız biçiminde gözükmesi için Password seçeneğinide işaretleyelim. Böylelikle Text Fieldlerimizle işimiz bitmiş oldu ve her ikisininde yeni isimleri oldu. Birinin ismi username diğerinin ismi password oldu. Şimdi sıra butonumuza geldi. Butonu kolay olsun diye normal yazıyla yapalım. Bunun için Text Tool(T) aracı ile (Text Field seçili değilken) Enter yazalım ve F8 tuşuyla bu yazıyı
butona çevirelim. Butonumuza sağ tuşla tıklayıp Properties seçeneğini seçelim. Ordan Action kulakçığına geçelim ve artı işaretine basarak açılan menüden On MouseEvent seçeneğine tıklayalım. Böylelikle Action alanımıza On () ve End On diye iki yazı eklemiş olduk. On () yazısı seçili iken karşıdaki Event bölümünden Release kutucuğunu işaretleyelim. Artı işaretine tekrar basalım ve If seçeneğini seçelim. Condition bölümüne username eq "dinamit" and password eq "online" yazalım. Burdaki "xxxx" tırnak içinde yazılmış olan dinamit username, ikinci tırnakta yazan online ise passwordümüz. Buraları siz kendi isteğinize göre değiştirebilirsiniz. Artı kulakçığına tekrar tıklayın ve Go To seçeneğini seçin. Number bölümüne 2 yazın. If yazan seçeneği tekrar aktif hale getirin ve username eq "dinamit" and password eq "online" yazan yerin hemen altındaki Add Else/Else If Clause yazan düğmeye basın. Böylelikle Actions bölümüne Else diye bir yazı eklemiş olduk. Bu yazı seçiliyken artı işaretine tıklayın ve Go To seçeneğini seçip number bölümüne 3 yazın. Ok tuşuna basın. Düğmeyle işimiz bitti.
Geriye kalan işlerimizden biride moviemize 2 boş frame daha eklemek. Moviemize F7 tuşuyla 2 tane boş frame ekleyelim. Eğer username ve şifre doğruysa Flash, ziyaretçiyi 2. frameye götürecek eğer yanlışsa 3. frameye götürecek. 2. frame seçili iken Text Tool'la "Tebrikler Şifreniz Doğru" diye bir yazı yazın. 3. Frameyi seçili hale getirin ve "Şifreniz Yanlış Tekrar Denemek İçin Buraya Tıklayın" yazın. En son olarakta bütün framelere Stop değerini girin. Böylelikle moviemiz her seferinde bir frame ilerleyecektir. 3. Framedeki Buraya yazısınıda butona çevirin ve Actions bölümünden Go To yu seçerek Number bölümüne 1 yazın.

Kısaca özetlemek gerekirse; 3 tane framemiz var ve 1. framemizde 2 tane text fieldimiz var. Birinin ismi username diğerinin ismi password. Yaptığımız butonada eğer username bölümünde dinamit, password bölümünde de online yazıyorsa 2. frameye git eğer başka birşey yazıyorsa 3. frameye git demekten başka bir şey değildi. Burda illaki frameye gidilecek diye bir hususta yok. 2.frame yerine Get URL komutunu kullanarak ziyaretçiyi html sayfasınada yönlendirebiliriz. Kısaca herşey Hayal Gücünüze bağlı.

Ctrl+Enter ile yaptığımız animasyonu görebilirsiniz

22 Nisan 2008 Salı

Açılır menü

u derste açılan menü yapımını anlatmaya çalışacağım ilk olarak flash sayfamızı açalım rectrangle(kare yapım ®)aracını seçelim tools menüsünde options un hemen altında duran set corner radius�a tıklayalım ve bu değeri 12 yapalım Sahneye dış çizgisi olmayan bir kare çizelim text aracını seçip üzerine menü yazalım ve karemizi tamamen seçip F8 diyerek movie clip yapalım Şimdi menü movie clip imize çift tıklayarak içine girelim sahnede demin oluşturmuş olduğumuz menü karesi duruyor sahnedeki layerın ismini menü olarak değiştirelim bunun üzerine 2 tane daha layer ekleyelim ve sahnedeki layerların sıralaması aşağıdaki gibi olsun Şimdi mask katmanını seçelim ve buraya biraz sonra ekleyeceğimiz ana sayfa, galeri vs.. gibi butonları koyacağımız büyüklükte bir kare çizelim rengi önemli değildir çünkü bunu maskelemek için kullanacağız bunu f8 diyerek grafik yapalım şimdi geldik butonları yerleştirmeye ne kadar buton oluşturacaksanız o kadar layer oluşturun ve bu layerları mask katmanını altına çekin ben 3 tane buton oluşturacağım ve isimleri sırasıyla ana sayfa ,linkler ve galeri olacak son olarak en alta da bir layer eleyelim ve adına fon diyelim bu butonların arkasında bulunan zemin olacak buraya kadar yapılan işlem ve layerların sıralaması aşağıdaki gibi olmalı. Şimdi fon layer�ını seçip mask layerında çizdiğimiz kareden biraz daha ufak bir kare çizelim ama menü ile uyumlu bir renge sahip olsun ve bu çizdiğimiz kareyi menü yazısının üstüne taşıyalım aşağıdaki gibi olmalı Şimdi daha öncede yapmış olduğumuz butonları sahnedeki layerlarına yani ana sayfa butonunu ana sayfa layerına, linkler butonunu linkler layırına ama fon katmanın uzerinde bir yere yerleştiriyoruz(buton yapımı için daha önceki buton yapımı ve kullanımı adlı dersi inceleyin ) aşağıdaki gibi olmalı son şekli Şimdi gizli menüyü hareketlendirmeye geldi menü layerı hariç bütün layerlara F6 deyin menü layerın da ise 10 frame F5 deyin time line aşşaıdaki gibi olmalı Şimdi mask layerına gelin ve sağ kilik yapı mask seçeneğini seçin altındaki butonların bulunduğu layerları ve fon layer ını Mouse un sol tuşuyla çift tıklayın ve karşınıza gelen menüden masked seçenegini seçin Şimdi time line dan 5. frame geliyoruz sahnedeki action, Ana sayfa ve mask katmanını kilitliyoruz ve Mouse ile sahneyi tamamen seçip klavyeden aşağı ok tuşu ile seçtiğimiz butonlar ve fon katmanını aşağı indiriyoruz bunu yaparken sahneden kaybolduğunu göreceksiniz seçtiğiniz layerların şimdi mask katmanın üzerindeki kilitli işratinin yanındaki nokta yani gizli/ göster düğmesine tıklayın bi çarpı olmalı tıkladığınızda. Ve şimdi ana sayfa layer ına gelin ve timeline da sag klikleyin karşınıza gelen menüde en bastaki create motion tween e tılatın karşınıza pembemsi bir renkte ok gelecek bu işlemi diğer linkler, galerive fon katmanında da uygulayın --------------------------------------------------------- Şimdi time line çizgisini 0 ile 5 arasında oynatınca yukardan aşağıya inen menümüzü görüyoruz şimdi 10. freme gelelim menü layer'ı hariç bütün layerlara F6 diyelim ve demin yaptığımız gibi aşağıya taşıdığımız bütün layerları tekrara menü çubuğunun üstüne taşıylaım ve hepsine birer create motion tween ekleyin Şimdi geldi actionscript eklemeye acrions paneline gelelim 1. frame e tıklayalım F9 a basalım actions paneline stop(); komutunu ekleyelim 5. frame e de stop(); ekleyelim ve 10.frame gotoAndPlay(1); komutunu ekleyelim ve secene deyip ana sahneye dönelim şimdi işlemimiz daha bitmedi sahnede öylece çalışmayı bekleyen bir movie clip imiz var şimdi menümüzün bulunduğu layer ın üzerine bir layer daha oluşturalım ve adına da buton diyelim ve bir kare çizelim ve F8 le buton yapalım şekli şemali önemli değil sadece yaptığımız movie clip'i kaplasın yeter şimdi düğmemize tıklıyoruz ve properties denetçisin den color yazan yere tıklayın ve alpha değerini 0 yapın böylece buton sahnede görünmeyecek şimdi butonumuzu menü movie clip inin üzerine koyalım movie clip i tamamen kaplasın şimdi buton seçiliyken Actions panelini açalım (F9 ile ) ve şu kodları ekleyelim bu kısımda buton ve menü movi klip ini karıştırmamaya dikkat edin anlamak için propertiesten kontrol edin evet butona şu kodları yazalım on(release){ menü_mc.gotoAndPlay(5); }şimdi menü movi clip ini seçelim ve instance name ine menü_mc yazalım bunu yapmaz isek buton bu komutu hangi moviclipe uygulayacağını bilemez ve yaptığımız menü çalışmaz Artık CTRL+Enter

guide kullanımı

İlk olarak
1-) sahnemize 3tane layer oluşturalım ve başta top altında pota ve zemin olmak üzere isimlendirelim.
2-)top layer ına oval aracını seçerek (O) CTRL ye basılı tutarak dış çizgisi olmayan bir top çizelim
3-)şimdi pota layerına gelelim ve potaya benzer bir oval çizelim ve zemin layer ına da line tool ile düz bir çizgi çizelim
4-)şimdi top layer ına sağ kilik diyelim ve Add motion guide seçeneğini seçelim top layer ını üzerine guide top diyer bir layer geldi bu layer�a çizeceğimiz çigiyi takip edecek objemiz
5-)şimdi araçlar(tools)menumuzde selection aracını seçelim ve tools menusunun altında mıknatısa benzeyen snap to object seçili değilse seçelim (bunu yapmaz isek nesne çizgiyi takip etmez )ve çizgi seçeneklerinden smoot u seçelim
6-)pota ve top guide layer ların da 50 frame tıklayın ve F5 deyin sonra Top layer ında 50 frame F6 deyin
7-)en üstteki �top guide� layer ına gelin ve çizginizi potanızın içinden geçecek şeklide kalem yada fırça aracı ile çizin



8-)şimdi normal top layer ına gelin ve son frame e tıklayın ve topunuzu çizginin sonuna getirin yani: top oynadığında en son duracağı nokta ,şimdi top layer ına sağ kilik ve create motion tween i seçin ve CTRL+ENTER deyin.
bu mantıla hareket eden arabalar vs birçok degisik çalısma yapabilirsiniz