EBA'da Oluşturulan Harici Canlı Derse Zoom'dan Giriş Yapmak (Öğretmen ve Öğrenciler İçin)

EBA'da harici canlı ders oluşturmak için görsellerle anlatılan işlemleri adım adım uygulamanız yeterlidir. 

Canlı dersleri renkli hale getirmek isteyen öğretmenler için güzel bir uygulamadır. Tabletinizi ve cep telefonunuzu grafik tablet olarak kullanabilir ve daha dikkat çekici bir ders ortamı oluşturabilirsiniz. Bunun için Virtual Tablet programının kurulumunun videolu anlatımını sitemizden takip edebilirsiniz.

Grafik ve Animasyon dersi içeriği olarak hazırlanan bu yazıda Flash’a kılavuz ekleme ve kontrolü konusu anlatılmıştır. Ayrıca katmanlar konusu da pekiştirilmiştir. Aşağıda bu işlemler adım adım anlatılmıştır ve defalarca denenmiştir. Yine de yapamadığınız aşamalarda yorum kısmından soru sorarak cevap alabilirsiniz.

• 600x300 sahne açalım.
• Yeni bir katman daha ekleyelim.
• Üstteki katman adına çift tıklayarak adını Kılavuz olarak değiştirelim.
• Alttaki katmana çift tıklayarak adını Nesne olarak değiştirelim.
• “Kılavuz” katmanının adına sağ tıklayıp kılavuz olarak seçelim.
• Nesne katmanını Kılavuz katmanının hemen altına biraz sağa doğru sürükleyelim. Daire şeklini görünce fareyi bırakınız. Katmanların görüntüsü aşağıdaki gibi ise doğru yaptık demektir.

• Kılavuz katmanının 1. Karesine tıklayalım ve araçlar panelinden kurşun kalem alarak sahneye istediğimiz şekilde bir kılavuz çizelim. Ben aşağıda gördüğünüz gibi içten dışa açılan bir spiral çizdim.

• Kılavuz katmanında 20. Kareye sağ tıklayarak “Anahtar Kare Ekle” seçelim.
• Nesne katmanında 1. Karede iken sahneye bir daire çizelim. Daireyi seçip F8 tuşuna basarak sembole dönüştürelim.
• Nesne katmanının 1. Karesinde iken daireyi sürükleyerek dairenin orta noktasını kurşun kalemle çizdiğiniz kılavuzun başlangıç noktasına yerleştirelim.
• Nesne katmanında 20. Karede sağ tıklayıp “Anahtar Kare Ekle” seçelim.
• Nesne katmanında 20. Karede daireyi sürükleyip orta noktasını kılavuzun bitiş noktası ile birleştirelim.
• Nesne katmanında 1-20 kareleri arasında sağ tıklayarak “Klasik Ara Oluştur” seçelim.

Bu aşamada Flash ekranınız aşağıdaki gibi olmalıdır.

• İsterseniz sahne rengini değiştirebilirsiniz.
• CTRL + Enter ile animasyonu test edebilirsiniz.

Animasyon bitmiş hali aşağıda görüldüğü gibi olacaktır.

Grafik ve Animasyon dersi içeriği olarak hazırlanan bu yazıda Flash ActionScript ile buton kontrolü konusu anlatılmıştır. Ayrıca bir flash animasyonu buton yardımı ile durdurma ve tekrar hareket ettirme işlemleri yapılmıştır. Aşağıda bu işlemler adım adım anlatılmıştır ve defalarca denenmiştir. Yine de yapamadığınız aşamalarda yorum kısmından soru sorarak cevap alabilirsiniz.

• 600x150 sahne açılır.
• Katman1 adına çift tıklayarak katman adını “Animasyon” olarak değiştirilir.
• Animasyon katmanında 1. Kareye git ve sahnenin sol kısma 120 x 120 ebatlarında tekerlek çizilir.
• Tekerleği seçip F8 tuşuna basarak Grafiğe dönüştürülür.
• Kareye sağ tıklayarak “Anahtar Kare Oluştur” seçilir.
• Yine 20. Karedeyken tekerlek sahnenin sağında biraz boşluk kalacak şekilde sağ tarafa çekilir.
• Zaman çizelgesinde 1-20 kareleri arasında herhangi bir karede sağ tıklayarak “Klasik Ara Oluştur” seçilir.
• Yine aynı aralıkta herhangi bir kare tıklandıktan sonra ekranın sağ kısmında bulunan Özellikler panelinden “Döndür” ayarını SY (saat yönü) olarak seçilir.
• Animasyon CTRL+ENTER tuş kombinasyonu ile test edilir.
• Eğer tekerlek dönerek sağa doğru ilerliyorsa doğru yoldayız demektir.
• Yeni bir katman eklenir ve katman adı “butonlar” olarak değiştirilir.
• Butonlar katmanının 1. Karesine tıklanır.
• Menü çubuğundan Pencere/Bileşenler seçilir (CTRL+F7).
• Kullanıcı ara yüzü bölümünden Buton çift tıklanarak sahneye alınır.
• Sahnenin sol üst köşesine iki tane buton üst üste yerleştirilir.
• Üstteki buton tıklanır ve sağ kısımda bulunan “Özellikler” panelinden “label” yazan alana “Oynat” yazılır. Yine “Özellikler” panelinde en üst kısımda yer alan “Örnek Adı” kısmına “buton1” adı verilir.
• Alttaki buton tıklanır ve sağ kısımda bulunan “Özellikler” panelinden “label” yazan alana “Durdur” yazılır. Yine “Özellikler” panelinde en üst kısımda yer alan “Örnek Adı” kısmına “buton2” adı verilir.
• Zaman çizelgesinde butonlar katmanında 1. Kareye tıklanır ve F9 tuşuna basılarak actionscript kod penceresi açılır.
• Kod penceresine aşağıdaki kodlar aynı şekilde yazılmalıdır. Büyük/küçük harf duyarlılığı olduğundan mutlaka yazıma dikkat edilmelidir.
• Kodlar yazıldıktan sonra zaman çizelgesinde butonlar katmanında 20. Kare sağ tıklanarak “Anahtar Kare Oluştur” seçilir.

  buton1.addEventListener(MouseEvent.CLICK, oynat);
     function oynat (e:MouseEvent)

       {   
          play(); 
       }
  buton2.addEventListener(MouseEvent.CLICK, durdur);
     function durdur (e:MouseEvent)

      {
          stop();
      }

Animasyonun bitmiş hali aşağıda görüldüğü gibidir.