1-)Bu dersimiz de sizlere flash da büyüteç nasıl yapılır onu yapacağız.

2-)Flash 8 programını başlatıp aşağıdaki resimde görülen ayarları yapıyoruz.

3-)Ayarları yaptıktan sonra 3 adet layer oluşturuyoruz.

4-)Daha sonra “normal” isimli layer’a indirdiğimiz resmi yüklüyoruz. “buyuk” isimli layer’a ise indirdiğimiz resmin boyutunu biraz büyülterek yüklüyoruz.

5-)En sonunda “buyultec” isimli layer’a bir daire çiziyoruz ve bu daireyi F8 tuşuna basarak ismini “buyutec_mc” yaparak bir movieclip yapıyoruz.

6-)Daha sonra “buyultec” layer’ına sağ tıklayıp “Mask” diyoruz.

7-)Şimdi de kod kısmına geldik. “buyutec_mc” isimli movieclip instance nameîni “buyutec” yapıyoruz.Aşağıda yazılan kodları da “buyutec” isimli layer’ın 1.frame’ne F9 diyerek Action Script alanına yazıyoruz..

onEnterFrame = function () {
var dikeyx:Number = _xmouse - buyutec._x;
var dikeyy:Number = _ymouse - buyutec._y;
buyutec._x += dikeyx ;
buyutec._y += dikeyy ;
};

sanalkurs

Gelen aramalar :

• flash konu anlatımı
• büyüteç nasıl yapılır
• adobe flash konu anlatımı

The post Flash da büyüteç nasıl yapılır first appeared on Barış ÖZCAN Web Tasarım | antalya web tasarım | antalya web tasarımı | Sosyal Medya Danışmanlığı.

Action Script 3.0 ile bir önyükleyici (preloader) yapmaya ne dersiniz?

AS 2.0’daki MovieClipLoader’ın yerini , AS 3.0’da Loader sınıfı almış.

Aşağıdaki kodlarda, dosya adlı değişkene sadece swf değil jpg ya da png gibi image dosyaları da yazarak, önyükleyiciyi çalıştırabilirsiniz.var dosya:String=”anim.swf”; // yüklenecek dosya: jpg swf png vs..

var request:URLRequest = new URLRequest( dosya );
var yukleyici:Loader = new Loader();

yukleyici.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS, yukleniyor);
yukleyici.contentLoaderInfo.addEventListener(Event.COMPLETE, yukleme_bitti);

function yukleniyor(event:ProgressEvent):void {
var percentLoaded:Number = event.bytesLoaded/event.bytesTotal;
percentLoaded = Math.round(percentLoaded * 100);
durum.text= "Yükleniyor: "+ percentLoaded+"%";
}
function yukleme_bitti(event:Event):void {
durum.text="Yükleme tamamlandı.";

}
yukleyici.load(request);
addChild( yukleyici );

Gelen aramalar :

• as3 preloader
• flash message loader nojavascript2 nedir

The post Flash AS3 preloader uygulaması first appeared on Barış ÖZCAN Web Tasarım | antalya web tasarım | antalya web tasarımı | Sosyal Medya Danışmanlığı.

Action Script 3.0 Sağ tık menü seçeneklerini inceleyelim.

Sağ tık menüsüne istediğiniz kadar seçenek ekleyerek, menüyü özelleştirebilirsiniz.

var sag_menu:ContextMenu = new ContextMenu();

sag_menu.hideBuiltInItems();

var secenek1:ContextMenuItem = new ContextMenuItem("> by bilgenç");
var secenek2:ContextMenuItem = new ContextMenuItem("> blog.bilgenc.com");
secenek2.addEventListener(ContextMenuEvent.MENU_ITEM_SELECT, bloga_git);
sag_menu.customItems.push(secenek1);
sag_menu.customItems.push(secenek2);

this.contextMenu = sag_menu;

function bloga_git(e:ContextMenuEvent):void {
var url:String = "http://blog.bilgenc.com";
var request:URLRequest = new URLRequest(url);
navigateToURL(request, '_blank')
}

The post Action Script 3.0 Sağ tık menü nasıl eklenir first appeared on Barış ÖZCAN Web Tasarım | antalya web tasarım | antalya web tasarımı | Sosyal Medya Danışmanlığı.

Dreamweaver’da web sayfalarına flash resim yani slayt gösterimi eklemeye ne dersiniz? Gelin birlikte yapalım o zaman.

Insert > Media > Image Viewer

Yukarıdaki menüye tıkladığımızda şu şekilde bir pencere açılacak:

Flash’ın adını yazarak kaydedelim.

Sayfaya flash geldiğinde flash’ın büyüklüğünü resimlerimizin büyüklüğüne göre ayarlayabiliriz.

Flash tıklayıp etkin hale getirdiğimizde sağ tarafta Flash element bölümü açılacaktır.

1- Flash sayfasının rengi
2- Açılan resimlere link istersek üzerine gelip tıkladığımızda yeni bir pencereden link verebiliriz
3- Link verdiğimiz yerlerin nasıl açılacağını buradan ayarlayabiliriz.
4- Flash’a burada tıklayarak resim ekleyebiliriz.
5- Yes olursa ileri-geri-durdurma botonlarıgörünür, No olursa görünmez.
6- Yes olursa resim gösterimi sürekli devam eder, No olursa son resimde resim gösterimi durur.
7- Resim değişimi olurken verilen animasyonları değiştirir.
8- Resim değişme süresi

Flash sayfasına resim alma, img1.jpg, img2.jpg.. yazan yeri tıkladığımızda kırmızı daire içine aldığım yeri açtığımızda:

Yeni bir pencere açılacak. Burda img1.jpg… yazılarını silelim.

“+” ya basarak resim ekleyebiliriz.

Animasyon değiştirme

Resimlere link verme

Sayfadaki son görünümü

Gelen aramalar :

• dreamweaver slayt ekleme
• dreamweaver slayt yapımı
• dreamweaver da slayt yapma
• web slayt
• web sitesinde slayt nasıl yapılır

The post Dreamweaver da nasıl slayt yapılır first appeared on Barış ÖZCAN Web Tasarım | antalya web tasarım | antalya web tasarımı | Sosyal Medya Danışmanlığı.

Bu dersimizde FLASH CS4 kullanarak Actionscript 3.0 ile kaynayan su baloncukları yapacağız.

Yeni bir sayfa açıyoruz. Boyutları size kalmış. Ben 300×350 yapıyorum.

Background rengini #0066FF olarak ayarlıyoruz.

Sahneye aşağıdaki gibi bir daire çiziyoruz.

Dolgusunu aşağıdaki gibi Radial olarak belirliyoruz.

Soldan Sağa sırayla: #FFFFFF, #00CCFF, #0099FF.

Bu şekli F8 ile Movie Clip haline dönüştürüyoruz, ismine ben buble diyorum.

Şimdi yeni bir movie clip daha oluşturuyoruz ve bubles diye isimlendiriyoruz. İçine az önce oluşturduğumuz buble isimli movie clip’i sürüklüyoruz. Motion Tween yapacağız.

Yukarıdaki gibi yapıyoruz. İlk frame’de baloncuk altta iken 15. frame üzerine bir anahtar kare daha ekleyip baloncuğu yukarı taşıyoruz ve Color Effect panelinden Alpha=0 yapıyoruz. Şu durumda baloncuk aşağıdan yukarı doğru geliyor ve kayboluyor.

Bu movie clip’ten çıkıyoruz ve sahneye dönüyoruz. Henüz sahnede bir şey oluşturmadık, sahnemiz boş.

Library’e geliyoruz. En son oluşturduğumuz bubles isimli animasyondan oluşan movie clip’ sağ tıklıyoruz ve Properties seçiyoruz. Ayarları aşağıdaki resimdeki gibi yapıyoruz:

Şimdi sahnede ilk frame’e tıklıyor ve aşağıdaki kodları yazıyoruz.

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

for (var i:int; i<200; i++) {
	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));
}

Ctrl+Enter yapın ve sonuç:

[flash src=”http://www.sanalkurs.net/zip/baloncuk_2867.swf” width=”250″ height=”300″]

İyi çalışmalar…

The post Flash AS3 de kaynayan baloncuk uygulaması first appeared on Barış ÖZCAN Web Tasarım | antalya web tasarım | antalya web tasarımı | Sosyal Medya Danışmanlığı.

Flash’da AS 2.0 Yardımı ile yuvarlak saat yapımını anlattım.

Saatimizi oluşturalım:

1- Sahneye bir çember çizelim. Üzerine saat kadranlarını ve numaralarını yerleştirelim. Bu alanda saatinize istediğiniz görsel özellikleri verebilirsiniz.

2- Sahnedeki tüm oluşumları seçelim. F8 tuşuna basarak onu bir film klibi şekline getirelim. Ana_saat film klibimiz sahnede hazır bekliyor. Şimdi akrep, yelkovan ve saniye kolunu içeren 3 tane klip hazırlayacağız.

3- CTRL+F8`e basarak saat kolu için bir film klibi oluşturun. Sahneye akrebi temsil edecek bir çizgi çizin. Aynı işlemlerle yelkovan ve saniye kolunu gösteren kliplerimizi oluşturalım. Burada önemli bir nokta var. Her 3 klibin de merkez noktası kolların alt ucuna yakın bir yerde olmalıdır. Çünkü ilerde rotasyon komutu verdiğimizde bu nokta merkez kabul edilip dönme işlemi olacaktır.

Merkez noktasını değiştirmek için araç kutusundaki “free transform tools” aracını seçip klip üzerine tıklayın. Ortada gördüğünüz küçük daire merkez noktasıdır. Onu fare ile tutarak alt kenara çekin.

4- Şimdi ana sahneye dönelim. Sahnedeki ana_saat klibimizi çift tıklayarak açalım.Yeni bir katman ekleyelim. Buraya kollardan birini, örneğin saniye kolu klibini koyalım. Yeni bir katman ve dakika kolu, tekrar bir katman ve saat kolunu yerleştirelim. Bunlara örnek adı olarak saat_kolu, dakika_kolu, saniye_kolu örnek adlarını verelim.En üst kısma tekrar bir katman ekleyip kolların birleşim yerindeki dönme hareketinin gözlenmemesi için ortaya minik bir daire çizebilirsiniz. Kolları sahneye yerleştirirken uçlarının saat 12 hizasında olmasına ve 3 kolunda tam üst üste gelmesine dikkat edelim.

5- Ana sahneye geri dönelim. Sahnede saatimiz artık gözüküyor. Bu klibi tıklayarak seçelim. Actionscript panelini açalım. Saat hazırlamada yazacağımız tek komut alanı burasıdır. Başka bir yere komut yazmaya gerek yoktur.

Yazacağımız komut saat klibi oluşturmada en kolay yöntemdir.

onClipEvent (enterFrame) {

zaman = new Date();
saat = zaman.getHours();
dakika = zaman.getMinutes();
saniye = zaman.getSeconds();

saniye_rotasyon = saniye * 6;
dakika_rotasyon = dakika *6;
saat_rotasyon = (saat * 60 + dakika)*0.5;

setProperty("saniye_kolu",_rotation,saniye_rotasyon);
setProperty("dakika_kolu",_rotation,dakika_rotasyon);
setProperty("saat_kolu",_rotation,saat_rotasyon);
}

Şu anda klibimiz hazırdır. Şimdi kodları irdeleyelim:

EnterFrame işleyicisi daha önceki örneklerde de anlatıldığı gibi komutların devamlı okunmasını ve böylece saatin kusursuz çalışmasını sağlar. Zaman adında yeni bir nesne oluşturuyoruz. Bu nesneye otomatik olarak sistem bilgisinden atanan saat, dakika ve saniye değerlerini sırasıyla saat, dakika ve saniye değişkenine atıyoruz. Buraya kadar olanlar bildik işler. Şimdi bu değerleri işleyerek kollara dönme hareketi yaptıracağız.

Biraz matematikten bahsedelim. Bir daire 360 derecedir. Bir saat 60 dakikadır. O halde 360/60=6 .Yani saniye ve dakika kolunun bir değer artması için 6 derece dönmesi gerekir. Saat için durum faklıdır. Bu sonra anlatılacak.

saniye_rotasyon = saniye * 6;

Saniye kolunun dönme derecesini bulmak için sistem bilgisinden okunan saniye rakamını 6 il e çarparız. Örneğin 15 saniye için dönme oranı 15*6= 90 derecedir.

dakika_rotasyon = dakika *6;

Burada da dakika kolunun dönme değeri hesaplanır.

saat_rotasyon = (saat * 60 + dakika)*0.5;

Saat kolunun dönme işlemi için en pratik yol bu matematiksel işlemdir. Önce sistemden okunan saat değeri 60 ile çarpılarak dakika değerinde alınır, bu değere yine sistemden okunan dakika değeri eklenir. Bu değer 2`ye bölünür veya 0.5 ile çarpılır.

Diyelim ki saat tam bir. Bu durumda saatin kolu bir hizasında olmalıdır. Burada 5 birim vardır. Her birim 6 derece olduğuna göre 5*6= 30 derece rotasyonda saat kolu durmalıdır. Yukardaki formülümüzü bir test edelim.

(1x60+0) x 0.5=30 derece.

Şu anda rotasyon değerlerini oluşturduk. Şimdi onları setProperty komutu ile çevirme işlemi başlıyor.

setProperty("saniye_kolu",_rotation,saniye_rotasyon);

Burada saniye kolu klibinin yukarda anlatılan yöntemle kaç derece çevrileceğini yazıyoruz.

Aynı işlemi saat ve dakika için de oluşturuyoruz. EnterFrame işlemide bu bilgileri devamlı güncelleyerek saatimizi kusursuz çalıştırıyor.

Analog saat hazırlamada başka işlem ve komutlarda uygulanmasına rağmen en basit yöntem gördüğünüz yöntemdir.

Kaynak dosyayı indirmek için tıklayın

Gelen aramalar :

• flash da analog saat olu?turma
• saat yapımı örnekleri
• saat nasıl yapılır

The post Flash AS2 yuvarlak saat yapımı first appeared on Barış ÖZCAN Web Tasarım | antalya web tasarım | antalya web tasarımı | Sosyal Medya Danışmanlığı.

İşlem sayısının sonucu kadar yukarıdan düşen elmaları sepetle toplayan cicican, doğru topladığı düşündüğü elmaları sorgulayarak doğru veya yanlış geri bildirim alır. Gelin bu oyunun yapmaya çalışalım

Bölüm – (1/2) Değişkenleri Tanıma

Eğitsel Oyun – Cicican Elma Toplamaca

Oyunun giriş sahnesi öğrenciye oyunu tanıtır ve motivasyonu arttırıcı sözler ile oyun oynamaya teşvik eder.

Oyunun genel görüntüsü aşağıdaki gibidir. İlgi çekici renkler ile düşen elmaların bir karakter ile elindeki sepete düşmesini bekler. Topladığını düşününce sorgula butonuna basar ve geri bildirim alır. Her doğru yanıtında yukardaki çentik sayısı artar.

Oyunu bitirdiğinde ise bitirdiğine dahil mesajı oyuncuya gösterip oyunu bitiririz. Resimdeki “ana menüye dön” mesajı başka oyunlarınız varsa oraya yönlendirebilirsiniz. Benim yaptığım oyunda senaryoya bağlı olması için ödül olarak “isim:” resimli kağıdı veriyordu. Sizde istediğiniz bir ödül verebilirsiniz.

Şimdi oyunun kodlamasında kullanılacak değişkenlere geçelim. Oyunun resimlerine baktığımızda kafamızda belli değişkenler ve kontrol yapıları canlandığı dikkatimizi çekmiştir. Canlanmamışsa önemli değil şimdi göreceğiz.

Değişkenler ve Kontrol Yapıları :

1 – Timer sınıfından sureSay isimli bir nesne : Elmaların belli saniyede düşmesini sağlamak amacıyla kullanıyoruz.

2- Kütüphanemizde Elma diye kayıtlı bir movie clip : Kendi çizdiğimiz bir elma movie clip i “Elma” isminde linkage ediyoruz. Bu uygulama ile action script panelinde istediğimiz kadar elma oluşturup yok edebiliriz.

3- Elmalar isminde bir dizi : Oluşturduğumuz elmaları içinde tutan bir dizi oluşturuyoruz.

4- Bazı numaraları ve karakteri tutan değişkenler : Operatörleri, işlem sonuçlarını ve sayaçları tutan değişkenler oluşturuyoruz.

Resimde gördükleriniz soldan;

5- Çentiklerin bulunduğu centik_mc: Her doğru elma toplama sonucunda siyah çentikler sırasıyla renk değiştiriyor.

6- Cicican karakterinin elinde tuttuğu sepet_mc: Elmaları tutmaya yarayan sepetimiz cicican karakteri ile beraber hareket halindedir. cicicans_mc nin içinde sepet_mc olarak kayıtlıdır.

7- Ağaçlardan düşen elmalarımız için 2 numaralı maddeye tekrar göz atalım.

8- İşlemleri göstermeye yarayan sayi1_txt, sayi2_txt , karak_txt, sorgula_txt: İşlemlerin ilk sayısı için sayi1_txt e rastgele sayı aranıyor. Aynı şey sayi2_txt içinde geçerli. Sayıları küçük tutmaya çalıştık çünkü fazla elmayı beklemek öğrencileri sıkabilir. Hangi işlemin olacağını da karak_txt e rastgele olarak atanmasını sağlıyoruz. Sonucun doğru ya da yanlış olduğunu öğrenciye bildirmemiz içinde sorgula_txt e mesaj yazdırıyoruz.

9- Sepeti boşaltmamız için gereken sorgula_btn: Topladığımız elmaların işlemin sonucuyla doğru olup olmadığını bu butonla kontrol ediyoruz.

Oyunu oluşturmamız için gerekli değişkenler ve nesneler bunlar. Gerekli kontrol yapıları şimdi anlatmam bir anlam ifade etmeyecek ki zaten kafanızda oluşturmuşsunuzdur. Bölüm-1 in sonuna geldik. 2. bölümde videolu dersimizde görüşmek üzere..

Gelen aramalar :

• eğitici oyunlar
• actionscript oyun kodları
• eğitici oyun nasıl yapılır
• actionscript oyun yapımı

The post Flash AS3 de eğitici oyun nasıl yapılır first appeared on Barış ÖZCAN Web Tasarım | antalya web tasarım | antalya web tasarımı | Sosyal Medya Danışmanlığı.

ActionScript 3.0 ile Timer kullanarak kronometre yapımını öğreneceğiz.

Öncelikle sahnemize Dynamic Text (Instance Name: sayac_txt) ve iki buton ekliyoruz. (Instance Name: Birisinin play_btn, diğerinin stop_btn) olarak ayarlıyoruz. Daha sonra aşagıdaki kodlarımızı yazıyoruz:

var sayacTimer:Timer=new Timer(100);
sayacTimer.addEventListener(TimerEvent.TIMER,guncelleFCN);

var sayac:Number=0;
function guncelleFCN(evt:TimerEvent):void {
     sayac+=.1;
     sayac=(Math.round(sayac*10))/10;
     sayac_txt.text=String(sayac);
}

play_btn.addEventListener(MouseEvent.CLICK,startTimer),
stop_btn.addEventListener(MouseEvent.CLICK,stopTimer);

function startTimer(evt:MouseEvent):void {
     sayacTimer.start();
}

function stopTimer(evt:MouseEvent):void {
     sayacTimer.stop();
}

Kaynak dosyayı indirmek için tıklayın

Gelen aramalar :

• kronometre nasıl yapılır

The post Flash AS3 de kronometre yapımı first appeared on Barış ÖZCAN Web Tasarım | antalya web tasarım | antalya web tasarımı | Sosyal Medya Danışmanlığı.

Bu dersimizde çalıştırdığımız swf uygulamasını kapatmayı öğreneceğiz ama farklı bir şekilde uygulamanın içinden yapıcaz bunu. Aşağıdaki kodların çalışması için:

m_mc.addEventListener(MouseEvent.MOUSE_DOWN, kapatFNC);
b_btn.addEventListener(MouseEvent.MOUSE_DOWN, kapatFNC);

function kapatFNC(event:MouseEvent):void
{
fscommand("quit");
}

Gelen aramalar :

• as3 uygulamaları
• as3 kodları

The post Flash AS3 de uygulamayı kapatmak first appeared on Barış ÖZCAN Web Tasarım | antalya web tasarım | antalya web tasarımı | Sosyal Medya Danışmanlığı.

ActionScript 3.0 ile sınırlı bir alanda sürükle bırak olayının gerçekleştirilmesini görelim.

ActionScript ile nesneler sürüklerken, sadece istediğimiz alanda hareket etmelerini sağlama ihtiyacı duyabiliriz. Bunu gerçekleştirebilmek için sahne üzerine çizim apisini kullanarak görünmeyen bir alan çizeriz ve nesneye startDrag komutunu verdiğimizde bu alanı belirterek sadece bu alan içerisinde hareket etmesini sağlayabiliriz.

Animasyonu gerçekleştirmek için sahne üzerine bir daire çizelim ve Instance Name kısmına daire_mc yazalım. Sonra da Actions panelini açarak aşağıdaki kodları yazmaya başlayalım.

/*sayısal bir değişken oluşturuyoruz
ve değer olarak sahne genişliğinin yarısını atıyoruz.*/
var a:Number = stage.stageWidth-daire.width;
/*sayısal bir değişken oluşturuyoruz
ve nesne genişliğinin yarısını değer olarak atıyoruz*/
var b:Number = daire.width/2;
/*dikdortgen isimli bir değişken oluşturuyoruz, parantez içerisindeki
değerler sırasıyla x ve y korrdinatları ile genişlik ve yüksekliktir.
x değeri olarak b değişkenini genişlik değeri olaraksa a değişkenini atıyoruz*/
var dikdortgen:Rectangle=new Rectangle (b,200,a,0);

daire.addEventListener(MouseEvent.MOUSE_DOWN, surukle);
function surukle(e:MouseEvent) {
    /*parantez içerisine true değerini girerek sürükleme işleminin
    oluşturduğumuz dikdörtgen içerisinde gerçekleşmesini sağlıyoruz.
    virgülden sonra da değişkenimizin ismini giriyoruz*/
    daire.startDrag(true,dikdortgen);
}

stage.addEventListener(MouseEvent.MOUSE_UP, birak);
function birak(e:MouseEvent) {
    daire.stopDrag();
}

The post Flash AS3 ile Sınırlı Sürükle Bırak Olayı first appeared on Barış ÖZCAN Web Tasarım | antalya web tasarım | antalya web tasarımı | Sosyal Medya Danışmanlığı.