Bilişim Teknolojileri AlanıGrafik ve Animasyon

Klavye ile Balon Hareketi

Bu örneğimizde Adobe Flash programını kullanarak bir balonu klavyenin yön tuşlarını kullanarak yukarı, aşağı, sağa ve sola hareket ettireceğiz.

İşlem Basamakları:

  1. 800 x 400px  boyutunda yeni bir Flash  AS3 belgesi oluşturalım.
  2. Aşağıda yer alan arkaplanı bilgisayarımıza indirelim. CTRL + R komutu ile sahneye ekleyelim. Katman 1’in adını arkaplan olarak değiştirip katmanı kilitleyelim.
  3. Yeni bir katman ekleyelim ve adını Balon olarak değiştirelim. CTRL + R komutu ile aşağıdaki balonu da sahnemize ekleyelim. Balonu seçip F8 tuşu ile film klibi yapalım ve örnek adına “balon” yazalım.
  4. Yeni bir katman daha ekleyip adını “Action” olarak değiştirelim. F9 tuşuna basarak Eylemler penceresini açalım ve aşağıdaki kodları sırasıyla yazalım. Kodların yanlarında açıklamaları yer aldığı için burada uzun uzadıya anlatmayacağım.
  5. Yazma işimiz bittiğinde CTRL + Enter tuşu ile animasyonumuzu test edelim.

Kodlar:

stage.addEventListener(KeyboardEvent.KEY_DOWN, klavye);

function klavye(event: KeyboardEvent): void {

 if (event.keyCode == 37) // Klavyeden sol ok tuşuna basılmış mı?
 balon.x -= 10; // Balon nesnesini 10px sola hareket ettirir
 if (event.keyCode == 39) // Klavyeden sağ ok tuşuna basılmış mı?
 balon.x += 10; // Balon nesnesini 10px sağa hareket ettirir
 if (event.keyCode == 38) // Klavyeden üst ok tuşuna basılmış mı?
 balon.y -= 10; // Balon nesnesini 10px yukarı hareket ettirir
 if (event.keyCode == 40) // Klavyeden alt ok tuşuna basılmış mı?
 balon.y += 10; // Balon nesnesini 10px aşağı hareket ettirir
}

Ekler:

 

Çıktı:

Serhat Demir

Bilişim Teknolojileri Öğretmeni

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Bu site, istenmeyenleri azaltmak için Akismet kullanıyor. Yorum verilerinizin nasıl işlendiği hakkında daha fazla bilgi edinin.