Resim Galeri Yapımı ActionScript 3.0
Çalışmamızda resim galerisi hazırlayacağız. Çalışmamıza başlayalım ilk olarak yeni bir çalışma sayfası açalım açtığımız belge ActionScript 3.0 olsun. Çalışmada kullanacağımız resimleri File>Import >Import to Library seçeneğinden flash içine import edelim çalışmada kullandığım resimler ölçüleri 400×300 px olduğundan çalışma sayfasınıda resim değerlerine göre ayarlayalım.
1-Resimleri kütüphaneden Library alarak sahneye sıralayalım layer 1 adını resimler olarak değişelim. Sahnede sıraladığımız resimlerin hepsini seçili yapalım F8 movie clip yapalım Registration noktası sol köşe olarak seçelim name kutusuna olarak resimler yazalım. İnstance name kutusuna resimler_mc yazalım.
2-Yeni layer ekleyelim layer adı buton olsun sahnede resmin sağ ve sol kenarlarına iki tane buton çizelim butonları seçili yapıp F8 button yapalım. Sol buton seçili instance name kutusuna geri_btn yazalım sağ butonu seçip instance name kutusuna ileri_btn yazalım.
3-Yeni layer ekleyelim layer adını action olarak değişelim F9 Aktions paneli açıp ekli kod ekleyelim.
import fl.transitions.Tween;
import fl.transitions.easing.*;
var ileriPS,geriPS=Tween;
ileri_btn.addEventListener(MouseEvent.CLICK, ileri);
function ileri(e:MouseEvent) {
ileriPS=new Tween(resimler_mc,"x",Regular.easeOut,resimler_mc.x,resimler_mc.x-400,.5,true);
}
geri_btn.addEventListener(MouseEvent.CLICK, geri);
function geri(e:MouseEvent) {
geriPS=new Tween(resimler_mc,"x",Regular.easeOut,resimler_mc.x,resimler_mc.x+400,.5,true);
}
stage.addEventListener(Event.ENTER_FRAME, kontrolEt);
function kontrolEt(e:Event) {
if (resimler_mc.x>=0) {
geri_btn.visible=false;
} else if (resimler_mc.x<=-1985) {
ileri_btn.visible=false;
} else if (resimler_mc.x <=-1&&resimler_mc.x>=-1984){
ileri_btn.visible=true;
geri_btn.visible=true;
}
}
4-Çalışmayı test edelim
FLA İNDİR
Fla indir dosyası yok burada
onu da yüklerseniz sewiniriz .
Fla eklendi
resim sayılarını cogalttım benimkisinde fakat buton 5. tıklayısda yok oluyo. butona basma ve resimi ilerletme sayısını nasıl arttırabilirim??
Yapmanız gereken işlem resimler_mc < =-1985) ve 1984 sayılarını eklediğiniz resim kadar yükseltmeniz olacak örnekte gördüğünüz gibi resmin boyuna yakın bir sayı 397 eklenmiş bu durumda bir resim artmış oluyor.
function kontrolEt(e:Event) {if (resimler_mc.x>=0) {
geri_btn.visible=false;
} else if (resimler_mc.x<=-2382) {
ileri_btn.visible=false;
} else if (resimler_mc.x <=-1&&resimler_mc.x>=-2381){
ileri_btn.visible=true;
geri_btn.visible=true;
}
}
soylediklerinizi uyguladım. boyut bakımından rakamlar uzerinde hesaplar yapmam lazım daha tabiki. yanlız oklar (buttonlar) hala 5. tıklayısda yok oluyorlar burdaki tıklama adedini nasıl arttırabilirim?
ote yandan resimlerin en sag kısmına (ileri buttonu ile) gidebiliyorken hatta kadrajın dısına bile cıkabiliyorken, aynı durum sol taraf (geri button) icin gecerli olmuyo. yani resmin en sol kenarı flash ekranı ile “fit” iken en sag kısım (bittigi kenarı)gorunmesine ragmen ilerlemeye devam edebiliyo (bir tıklama kadar) bu neden oluyo? saga ve sola esit mesafe neden olmuyor?
siz bir hata yapıyor olmalısınız isteğiniz üzere dosyayı indirdim 2 adet resim ilave ettim örnek çalışma üzerinde görebilirsiniz.
Örnek hesap:Çalışmada 400 px’den resimden 8 adet mevcut 400×7=2800 oluyor hesaplarken bu şekilde yapın.
emeğinize sağlık öğrenecek daha çok şey var
Merhaba, ders için teşekkürler. Çok faydalı bilgiler mevcut.
Benim sormak istediğim şu; ben fla dosyasını indirdim ve yaklaşık 70 resim var elimde. Bu resimleri dosyaya eklemek istiyorum ancak scene 3250 de bitiyor, library deki resimleri sahneye alıp uzatmak istiyorum fakat sahne uzamıyor.
70 rsimlik bir galeriyi aynı formatta nasıl yapabilirim?
Yardımcı olursanız memnun olurum.
Yorumlar içinde benzer soruya cevap vermiştim.
O yanıtınızdan yola çıkarak birşeyler yapmaya çalıştım ancak maalesef beceremedim.
Flashı yeni öğrenen biriyim. Cahilliğime verin bu durumu lütfen.
Nereden ve nasıl yapacağımı anlatabilirseniz çok memnun olurum.
Öğrenmek kolay bir iş değil, biliyorsunuz.
Sevgiler
Site içinde size uygun ve daha kullanışlı XML destekli resim galeri örnekler mevcut inceleyin isterseniz.
Adobe Flash Professional CS4 ve Adobe Flash Professional CS5 ile yapılmıs bi uygulamayı macromedia flash 8 de acabilirmiyim
Malesef açamasınız Flash8 ile yapılanı CS4-CS5 ile açabilirsin
Yorum Yazın
Photoders Hakkında
Rastgele Yazılar
Son Yorumlar
Etiketler
3D Advanced Animasyon Animation Balans Efekt Bir Objenin Yansıması Bir Resim Efekti buttons Calculator Chrome Text Colors Photoshop Tutorial cursor dancer dans day Dynamic Efekt Efekti Effect etiket fire Flash dalga effect Flash Dalga Effect-1 Flash Motion Guide Flash Resim (images) Animasyon Flash Resim Albüm Hazırlama flash site yapımı Foto manipilasyon Teknikleri Fotoğraf Gezegen Header Icon iletişim formu images_effect Kabarcık (Bubble) Brushes kontrol Lazer Liquify tool Logo Love smiley Manipulasyon manzarada renk değişimi menü Model Mouse Photo Photoders Text Efekt Photoders toolbar Photo Effect (Resim Efekti) Photo Keskinlik Efekti Photoshop Brushes Photoshop değişik bir çalışma Photoshop ile ilginç çalışma Photoshop resim çalışması Photoshop Tutorials Photo Tutorial Plazma Tv Powerful Preloader Renk Değişimleri Resim (images) effect Resim Balans Uygulamaları (Levels) Resim Efekti Ses Silüet (Silhouettes) Brushes Sis (Fog) Effect Tutorial Sound Stars Tutorials Sıra Dışı photo Border Efekti Text efekt tutorials Text Yansıma ve Gölge Efekti Wallpaper starbrust effect Web Logo Yağmur (Rain) Effect Yıldız (Star) Photo EffectBağlantılar
Son Yazılar
En Çok Yorumlananlar
Tavsiye Siteler