Animate ile ActionScript’i kullanma

ActionScript® kodlama dili, uygulamanıza karmaşık etkileşimler, oynatma kontrolü ve veri görüntüleri eklemenizi sağlar. Eylemler panelini, Komut Dosyası penceresini veya harici bir düzenleyiciyi kullanarak geliştirme ortamına ActionScript ekleyebilirsiniz.

ActionScript kendi sözdizimi kurallarına, ayrılmış anahtar sözcüklerine uyar ve bilgi depolamak ve geri almak için değişkenleri kullanmanızı sağlar. ActionScript birçok faydalı görevi gerçekleştirmenizi sağlayan nesneler oluşturmanıza izin veren, yerleşik sınıflardan oluşmuş geniş bir kütüphane içerir. ActionScript hakkında daha fazla bilgi için aşağıdaki Yardım başlıklarına bakın:

• www.adobe.com/go/learn_flcs5_learnas3_tr adresindeki ActionScript 3.0'ı Öğrenme

• www.adobe.com/go/learn_cs5_learningas2_tr adresindeki Adobe Animate Uygulamasında ActionScript 2.0'ı Öğrenme

Komut dosyası oluşturmaya başlamak için tüm ActionScript öğelerini anlamanız gerekmez. Net bir hedefiniz varsa basit eylemlerle komut dosyaları oluşturmaya başlayabilirsiniz.

ActionScript ve JavaScript, ECMAScript komut dosyası oluşturma dilinin uluslararası standardı olan ECMA-262 standardına dayanır. Bu sebeple, JavaScript'e aşina olan geliştiriciler ActionScript'e yabancılık çekmeyeceklerdir. ECMAScript hakkında daha fazla bilgi için ecma-international.org adresini ziyaret edin.

Hangi ActionScript sürümünü kullanabilirsiniz?

Animate, farklı türdeki geliştiricilerin ve oynatma donanımının ihtiyaçlarını karşılamak amacıyla birden fazla ActionScript sürümü içerir. ActionScript 3.0 ve 2.0 birbiriyle uyumlu değildir.

• ActionScript 3.0 son derece hızlıdır. Bu sürüm, nesneye yönelik programlama kavramına diğer ActionScript sürümlerine kıyasla biraz daha fazla aşinalık gerektirir. ActionScript 3.0 ECMAScript tanımlamasıyla tamamen uyumludur, daha iyi XML işleme, iyileştirilmiş bir olay modeli ve ekrandaki öğelerle çalışmak için iyileştirilmiş bir mimari sunar. ActionScript 3.0 kullanan dosyalar ActionScript'in önceki sürümlerini içeremezler.

• (Yalnızca Animate'te kaldırılmıştır) ActionScript 2.0'ı öğrenmek ActionScript 3.0'ı öğrenmekten daha kolaydır. Flash Player derlenmiş ActionScript 2.0 kodunu derlenmiş ActionScript 3.0 kodundan daha yavaş çalıştırsa da, ActionScript 2.0 yine de birçok türde proje için kullanışlıdır. Ayrıca ActionScript 2.0, hesaplama açısından yoğun omayan projeler için de kullanışlıdır. Örneğin, daha tasarıma dayalı içerikler. ActionScript 2.0 de ECMAScript teknik özelliklerine dayanır ancak tamamen uyumlu değildir.

• (Animate'te kaldırılmıştır) ActionScript 1.0, ActionScript'in en basit halidir ve Adobe Flash Lite Player'ın bazı sürümleri tarafından hala kullanılmaktadır. ActionScript 1.0 ve 2.0, aynı FLA dosyası içinde bir arada bulunabilirler.

• (Animate'te kaldırılmıştır) Flash Lite 2.x ActionScript, cep telefonları ve mobil cihazlarda çalışan Flash Lite 2.x tarafından desteklenen ActionScript 2.0'ın bir alt kümesidir.

• (Animate'te kaldırılmıştır) Flash Lite 1.x ActionScript, cep telefonları ve mobil cihazlarda çalışan Flash Lite 1.x tarafından desteklenen ActionScript 1.0'ın bir alt kümesidir.

ActionScript belgelerini kullanma

ActionScript'in birden fazla sürümü olduğundan (2.0 ve 3.0) ve bu sürümleri FLA dosyalarınıza dahil etmenin birden çok yolu olduğundan, ActionScript'i öğrenmenin birçok farklı yöntemi vardır.

ActionScript ile çalışma için grafik kullanıcı arabirimi hakkında açıklamalar bulabilirsiniz. Bu arabirim Eylemler panelini, Komut Dosyası penceresini, Komut Dosyası Yardımcısı modunu, Çıktı panelini ve Derleyici Hataları panelini içermektedir. Bu konular ActionScript'in tüm sürümleri için geçerlidir.

Adobe'nin diğer ActionScript belgeleri, ActionScript sürümleri hakkında tek tek bilgi edinmeniz konusunda sizi yönlendirir.

ActionScript ile çalışma şekilleri

ActionScript'le çalışmanın birkaç yolu vardır.

• (Animate'te kaldırılmıştır) Komut Dosyası Yardımcısı modu ActionScript'i, kodu kendiniz yazmadan FLA dosyanıza eklemenizi sağlar. Siz eylemleri seçersiniz ve yazılım her eylem için gerekli olan parametreleri girmeniz amacıyla bir kullanıcı arabirimi sunar. Belirli görevleri yerine getirmek için hangi işlevlerin kullanılacağı hakkında biraz bilginiz olmalıdır ancak sözdizimi öğrenmenize gerek yoktur. Birçok programcı olmayan kişi ve tasarımcı bu modu kullanmaktadır.

• (Animate'te kaldırılmıştır) Davranışlar, kendiniz yazmaksızın dosyanıza kod eklemenize de olanak tanır. Davranışlar ortak görevler için önceden yazılmış komut dosyalarıdır. Bir davranış ekleyebilir ve sonra onu Davranışlar panelinde kolayca konfigüre edebilirsiniz. Davranışlar sadece ActionScript 2.0 ve önceki sürümlerde bulunur.

• Kendi ActionScript'inizi yazmak size belgeniz üzerinde fazlasıyla esneklik ve kontrol sağlar. Ancak ActionScript dili ve kurallarına aşina olmanız gerekir.

• Bileşenler, karmaşık işlevleri uygulamanızı sağlayan önceden oluşturulmuş film klipleridir. Bir bileşen, onay kutusu gibi basit bir kullanıcı arabirimi kontrolü veya kaydırma bölmesi gibi karmaşık bir kontrol olabilir. Bir bileşenin işlevini ve görünümünü özelleştirebilir ve başka geliştiriciler tarafından oluşturulmuş bileşenleri indirebilirsiniz. Çoğu bileşen, bir bileşeni tetiklemek veya kontrol etmek için bir miktar ActionScript kodu yazmanızı gerektirir. Daha fazla bilgi için bkz. ActionScript 3.0 Bileşenlerini Kullanma.

ActionScript yazma

Geliştirme ortamında ActionScript kodu yazarken, Eylemler panelini veya Komut Dosyası penceresini kullanırsınız. Eylemler paneli ve Komut Dosyası penceresinde, kod ipuçları ve kod renkleri, kod biçimlendirme, sözdizimi vurgulama özelliklerini içeren tam özellikli bir kod düzenleyicisi bulunur. Ayrıca hata ayıklama, satır numaraları, kelime kaydırma ve Unicode desteğini de içerir.

• Animate belgenizin parçası olan komut dosyaları (yani, FLA dosyasına gömülü olan komut dosyaları) yazmak için Eylemler panelini kullanın. Eylemler paneli, temel ActionScript dil öğelerine hızlı erişiminizi sağlayan Eylemler araç kutusu gibi özellikler sunar. Komut dosyaları oluşturmak için gereken öğeler size sorulur.

• Harici komut dosyaları (yani harici dosyaların içinde saklanan komutlar veya sınıflar) yazmak istiyorsanız, Komut Dosyası penceresini kullanın. (Harici bir AS dosyası oluşturmak için bir metin düzenleyicisi de kullanabilirsiniz.) Komut Dosyası penceresi kod ipuçları, kod renklendirme, sözdizimi denetimi ve otomatik biçimlendirme gibi kod destek özelliklerini içerir.

Daha fazla önerilen topluluk içeriği

• Getting started with ActionScript 3.0 (CS3) (3:25)(ActionScript 3.0'a Başlarken (CS3) (3:25))

• Animasyonları ve FLA dosyalarını iyileştirme (7:24) (CS3)

• ActionScript 3.0 kullanarak Belge sınıfı oluşturma (CS3) (2:38)

• Tasarım ve geliştirme arasında etkili bir iş akışı oluşturma (CS3) (3:41)

• Bileşenleri kullanma (CS3) (1:47)

• YouTube.com list of ActionScript channels (ActionScript kanallarının YouTube.com'daki listesi)

Aşağıdaki makaleler ve eğitimler ActionScript'le çalışma konusunda daha ayrıntılı bilgiler sağlar:

• ActionScript 3 geçiş tablosu (Adobe.com)

Çıktı paneline genel bakış

Herhangi bir belge türünü çalıştırdığınızda, bilgiler veya belge dönüştürmeleri, yayınlama gibi işlemlerle ilgili uyarılar Çıktı panelinde görüntülenir. Bu bilgiyi görüntülemek için, kodunuza trace() deyimleri ekleyin veya Nesneleri Listele ve Değişkenleri Listele komutlarını kullanın.

Komut dosyalarınızda trace() deyimi kullanırsanız, SWF dosyası çalıştırıldığında Çıktı paneline belirli bilgiler gönderebilirsiniz. Bu bilgiler, SWF dosyasının durumu veya bir ifadenin değeri hakkında notlar içerir. 

Çıktı paneli şu menü öğelerinden oluşur:

• Kopyala: Çıktı panelinin tüm içeriğini bilgisayarın panosuna kopyalar. Çıktının seçilen bir bölümünü kopyalamak için, kopyalamak istediğiniz alanı ve ardından Kopyala'yı seçin.
• Temizle: Çıktı panelinin içeriğini temizler.
• Çıktıyı Göster: Çıktı panelinin içeriğini görüntüler.
• Kilitle: Paneli kilitler. Paneli yalnızca yeniden boyutlandırabilirsiniz ancak taşıyamaz veya sürükleyemezsiniz.
• Yardım: Çıktı paneli için çevrimiçi Yardımı yükler.
• Kapat: Çıktı panelini kapatır.
• Grubu Kapat: Tüm panel grubunu kapatır. Zaman çizelgesi, çıktı paneli ve derleyici hataları paneli gibi birden çok paneli aynı anda sabitleyebilirsiniz.

Çıktı panelini görüntülemek veya gizlemek için Pencere > Çıktı seçeneklerini belirleyin veya F2 tuşuna basın.

Eylemler paneli

Dil Başvurusu'nu mu arıyorsunuz?

Belirli bir ActionScript dil öğesinin başvuru belgelerini bulmak için aşağıdakilerden birini yapın:

• ActionScript 3.0 Dil Başvurusu belgesini açın ve dil öğesini arayın.

• Eylemler panelinde dil öğesini yazın, öğeyi seçin ve F1'e basın (F1'e hemen basın).
  

ActionScript'i öğrenme

ActionScript yazma hakkında bilgi edinmek için şu kaynakları kullanın:

• ActionScript 3.0'ı öğrenme

• ActionScript 3.0 Dil ve Bileşenler Başvurusu

• Adobe Animate Uygulamasında ActionScript 2.0'ı Öğrenme

• ActionScript 2.0 Dil Başvurusu

 ActionScript 3.0 ve 2.0 birbiriyle uyumlu değildir. Oluşturduğunuz her FLA için yalnızca bir sürüm seçin.

Eylemler paneline genel bakış

FLA dosyasına gömülü komut dosyaları oluşturmak için ActionScript'i doğrudan Eylemler paneline girin (Sırasıyla Pencere > Eylemler öğelerini seçin ya da F9'a basın)

Eylemler paneli iki bölmeden oluşur:

Geçerli olarak seçilmiş olan kareyle ilişkili ActionScript kodunu yazmanızı sağlar.

Animate belgenizdeki komut dosyalarını listeler ve bunlar arasında hızlı bir şekilde hareket etmenizi sağlar. Komut Dosyası bölmesinde komut dosyasını görüntülemek için Komut Dosyası gezgininde bir öğeyi tıklatın.

Eylemler paneli ActionScript'te kodlamayı kolaylaştırmaya ve düzene koymaya yardımcı olan kod destek özellikle erişmenizi sağlar. Animate'ten animasyonun tamamına uygulanabilen ve bir kareye bağlı olmayan genel ve üçüncü taraf komut dosyaları ekleyebilirsiniz. Daha fazla bilgi için bu sayfadaki Genel ve Üçüncü Taraf Komut Dosyaları Ekleme bölümüne bakın.

• Komut Dosyası Çalıştır: Komut dosyasını çalıştırır
• Komut Dosyasını İğnele: Komut dosyasını, Komut dosyası bölmesinde komut dosyası iğneleme sekmelerine tek tek iğneler ve uygun şekilde hareket ettirir. Bu özellik, FLA dosyanızdaki kodu tek bir merkezi konumda düzenlemediyseniz kullanışlıdır. Ayrıca, birden çok komut dosyası kullanıyorsanız da faydalıdır. Eylemler panelinde kodun açık konumunu korumak için bir komut dosyasını iğneleyebilir ve farklı açık komut dosyaları arasında geçiş yapabilirsiniz. Bu özellik, hata ayıklama sırasında faydalı olabilir.
• Örnek Yolu ve Adı Ekle: Komut dosyasındaki bir eylem için mutlak veya göreceli bir hedef yolu ayarlamanıza yardım eder.
• Bul: Komut dosyanızın içindeki metni bulur ve değiştirir.
• Kodu Biçimlendir: Kodu biçimlendirmeye yardımcı olur.
• Kod Parçacıkları:Örnek kod parçacıklarını görüntüleyen Kod Parçacıkları panelini açar.
  
• Sihirbaz kullanarak ekle: Kod yazmaya gerek kalmadan kullanımı kolay bir sihirbaz ile eylemler eklemek için bu düğmeyi tıklatın. 
• Yardım: Komut Dosyası bölmesinde seçili ActionScript öğesi için başvuru bilgisini görüntüler. Örneğin, bir import ifadesini tıklatıp daha sonra Yardım'ı tıklatırsanız, import ifadesinin başvuru bilgisi Yardım panelinde görünür.

Eylem kodu sihirbazını kullanma

Eylemler panelindeki Sihirbazı kullanarak ekle seçeneklerini kullanarak HTML5 kompozisyonlarına interaktiflik ekleyebilirsiniz. Sihirbazı kullanarak ekle, kompozisyonlarınıza kod eklemek için kolaylaştırılmış bir kullanıcı arabirimidir.

Sahne alanında bir nesne seçtiğinizde menüden Geçerli Seçim seçeneğini belirleyebilir ve eylemler kodu sihirbazını çalıştırabilirsiniz. Ayrıca, kod için bileşen eylemlerini ve zaman çizelgesini de seçebilirsiniz.

Bir animasyonun etkileşim düzeyini artırma

Etkileşim, izleyici kitlesinin görsel deneyimini geliştiren, animasyonun temel etmenidir. Kodlar olmadan eylemleri videoya tanıtmayı öğrenmek mi istiyorsunuz? Bu örneğin sonundaki eğitimi izleyin ve bu adımları takip edin.

Animasyonlarınıza etkileşim ekleme

Komut dosyası penceresini kullanma

Komut Dosyası penceresi uygulamanıza içe aktaracağınız harici komut dosyaları oluşturmanızı sağlar. Bu komut dosyaları, ActionScript veya Animate JavaScript dosyaları olabilir.

Ayrıca, HTML5 Canvas belgelerine Genel ve Üçüncü Taraf komut dosyaları da ekleyebilirsiniz. Daha fazla bilgi için Animate'te HTML5 Canvas belgeleri oluşturma ve yayımlamaGenel ve Üçüncü Taraf komut dosyaları ekleme bölümüne bakın

Birden fazla harici dosyanız açıksa dosya adları Komut Dosyası penceresinin üst tarafında dizili sekmeler üzerinde görüntülenir.

Komut Dosyası penceresinde Pinscript, bul ve değiştir, sözdizimi renklendirme, kodu biçimlendirme, kod ipuçları ve yorumları ile kod daraltma özelliklerini kullanabilirsiniz. Ayrıca, hata ayıklama seçenekleri (yalnızca ActionScript belgeleri) ve kelime kaydırmayı da kullanabilirsiniz. Komut Dosyası penceresi ayrıca satır numaralarını ve gizli karakterleri görüntülemenizi sağlar.

Komut Dosyası penceresinde harici dosya oluşturma

Mevcut dosyayı Komut Dosyası penceresinde düzenleme

• Mevcut bir komut dosyasını açmak için Dosya > Aç seçeneklerini belirleyin ve ardından mevcut bir AS dosyası açın.

• Zaten açık olan bir komut dosyasını düzenlemek için komut dosyasının adını gösteren belge sekmesini tıklatın.

Eylemler panelindeki ve komut dosyası penceresindeki araçlar

Eylemler paneli, ActionScript'te kodlamayı kolaylaştırmayı ve düzene koymayı sağlayan kod destek özelliklerine erişmenize imkan tanır.

Bul 

Komut dosyanızın içindeki metni bulur ve değiştirir.

Hedef Yolu Ekle 

(Yalnızca Eylemler paneli) Komut dosyasındaki bir eylem için mutlak veya göreceli bir hedef yolu ayarlamanıza yardım eder.

Yardım 

Komut Dosyası bölmesinde seçili ActionScript öğesi için başvuru bilgisini görüntüler. Örneğin, bir import ifadesini tıklatıp daha sonra Yardım'ı tıklatırsanız, import deyiminin başvuru bilgisi Yardım panelinde görünür.

Kod Parçacıkları

Örnek kod parçacıklarını görüntüleyen Kod Parçacıkları panelini açar.

Sihirbaz kullanarak ekle

Kod yazmanıza gerek kalamdan bir arabirim kullanarak eylemler için kod eklemenize yardım eder. 

Bağlam duyarlı Yardım'a Eylemler panelinden erişme

ActionScript tercihlerini ayarlama

Kodu ister Eylemler panelinde, ister Komut Dosyası penceresinde düzenleyin, tek bir tercih kümesi ayarlayabilir ve değiştirebilirsiniz.