Flash’a Giriş
Sayfalar: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
RESİM GALERİSİ
Resim galerisi de şu şekilde yapılır. Resim_galerisi_orijinal dosyası alınır. Bu dosyada aşağıda da görüldüğü gibi zaten resimler ve düğme mevcut.
Her frame’e library’den bir araba resmi konulur. Align panelindeki Match width and height düğmesi ile resim sahne ile aynı boyuta getirilir ve yine aynı palet kullanılarak sahneye tam olarak sığacak şekilde hizalanır.
Bir sonraki adımda, yeni düğme isimli bir katman oluşturulur. Library’den yeni düğme katmanına iki tane ileri geri düğmesi eklenir. Bunlara ileri_btn, geri_btn isimleri verilir. En üste as katmanı eklenir. As katmanının ilk frame’ine aşağıdaki kodlar yazılır.
stop();
ileri_btn.onRelease=function(){
nextFrame();
}
geri_btn.onRelease=function(){
prevFrame();
}
Bu durumda galeri çalışır, ancak ilk ve son karelerde düğme hala tıklanabilir olur. Bu sorunu çözmek için kod aşağıdaki şekilde değiştirilir.
stop();
if (_root._currentframe==1){
geri_btn._visible=false;
};
ileri_btn.onRelease=function(){
geri_btn._visible=true;
if (_root._currentframe==_root._totalframes-1){
ileri_btn._visible=false;
}
nextFrame();
};
geri_btn.onRelease=function(){
ileri_btn._visible=true;
prevFrame();
};
Resim galerisini geçişli yapabilmek için, şu işlemler yapılır. Önce sayfadaki Bitmap resim F8 ile Movie Clip yapılır. İsmi resim1 verilir. Daha sonra bu yeni oluşturulan Movie Clip seçiliyken bir kez daha F8 yapılıp yeni bir Movie Clip oluşturulur. Bunun adı da mcResim1 verilir. mcResim1 Movie Clip’inin içinde 20. frame’e F6 ile anahtar kare eklenir. İlk frame’de alpha 0, son karede 100 ayarlanır ve Motion Tween yapılır. Üste as katmanı eklenir ve son karede stop yapılır. Daha sonra sahneye dönülür ve her resim için bu işlemler tekrarlanır.
Yukarıdaki işlem kodla da yapılabilir. Örneklerin içinde bunun kodla nasıl yapıldığı da görülebilir.
stop();
if (_root._currentframe == 1) {
geri_btn._visible = false;
}
mc1._alpha = 0;
showPicture(mc1);
ileri_btn.onRelease = function() {
geri_btn._visible = true;
if (_root._currentframe == _root._totalframes-1) {
ileri_btn._visible = false;
}
nextFrame();
showPicture(_root["mc"+_root._currentframe]);
};
geri_btn.onRelease = function() {
ileri_btn._visible = true;
prevFrame();
showPicture(_root["mc"+_root._currentframe]);
};
function showPicture (hedef:MovieClip) {
hedef._alpha = 0;
hedef.onEnterFrame = function () {
this._alpha += 5;
if (this._alpha == 100 ) {
delete hedef.onEnterFrame;
}
}
}
Not: _root sahneyi ifade eder.
Sayfalar: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
Yazdır
| 9,692 Görüntülenme | Kategori: Flash & Action Script & Flex & Silverlight, Web Grafik Tasarımı |
Geri İzleme
Etiketler: flash, temel, girişBenzer Yazılar
Yorum Yap
XHTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

18 Aralık 2007 |


