Animate CC özellikleri, HTML uzantıları kullanılarak genişletilebilir. Adobe Extension Builder 3, Animate CC için HTML uzantıları oluşturmanızı sağlar. Eskiden yalnızca SWF uzantılarını kullanarak Animate'i genişletmeniz mümkündü. Ancak, Adobe Extension Builder 3 sayesinde Creative Cloud uygulamaları için HTML uzantıları oluşturabilirsiniz. Başlangıç için Eclipse'i ve Extension Builder 3.0'ı indirip yüklemeniz gerekir. Daha fazla bilgi için bu bağlantıyı ziyaret edin.
Bir HTML uzantısı oluşturmak için şunları yapın.
- Eclipse'i başlatın.
- Yeni Proje sihirbazında, yeni bir Uygulama Uzantısı Projesi oluşturun. Proje için anlamlı bir ad girin, ardından İleri'yi tıklatın.
- Yeni Adobe Uygulama Uzantısı Proje panelinde, Adobe Animate'i seçin. İleri'yi tıklatın.
- Mevcut seçenekleri kullanarak uzantınızı yapılandırın:
- Paket Kimliği uzantınızı tanımlayan benzersiz bir kimliktir.
- Menü adı uzantınızın görüntülenen adıdır. Menü Adı Animate CC'de Pencere > Uzantılar menüsünde görüntülenir.
- Pencere Ayrıntıları Uzantı pencere türünü ve büyüklüğünü özelleştirmek için bu seçenekleri kullanın.
İleri'yi tıklatın.
- Uzantınızla bağlantılı başvuru kütüphanelerini gelecek birkaç ekranda daha da özelleştirebilirsiniz:
- CEP Kullanıcı Arabirimi Kütüphanesi barındırılan uygulamayla etkileşim için işlevler sağlar. Bu seçenek varsayılan olarak seçilidir.
- Çerçeveler, jQuery gibi Javascript kütüphanelerinde yaygındır.
- Servisler; Adobe uygulamaları, uzantılar ve harici uygulamalar arasında iletişimi sağlayan Adobe IPC İletişim Araç Seti'ni içerir. Creative Cloud iletişimlerinde bir merkez işlevi gören CEP Service Manager yoluyla mesajlaşma yapılabilmesi için bir protokol sağlar.
Yeni bir Eclipse projesi oluşturmak için Son'u tıklatın.
Uzantınızı doğrudan Eclipse'ten çalıştırabilirsiniz:
- Projeyi sağ tıklatın ve Farklı Çalıştır > Adobe Flash Uzantısı seçeneklerini belirleyin. Bu işlem, Animate CC'yi başlatır.
- Animate CC'de, Pencere > Uzantılar menü öğesini seçin. Bu işlemle uzantı paneli açılır.
Uzantınızı dağıtmak için öncelikle uzantıyı bir ZXP paketi olarak dışa aktarmanız gerekir. ZXP paketi daha sonra Adobe Extension Manager tarafından indirilir ve Creative Cloud uygulamalarında çalıştırılır:
- Eclipse'te Komut Dosyası Gezgini görünümüne geçip projenizi sağ tıklatın, ardından Dışa Aktar > Adobe Extension Builder 3 > Uygulama Uzantısı seçeneklerini belirleyin. Bu işlemle Dışa Aktarma Sihirbazı görüntülenir.
- Uzantı paketini imzalamak için bir sertifikaya sahip olmanız gerekir. Mevcut bir sertifikaya gözatın veya yeni bir sertifika oluşturmak için Oluştur'u tıklatın.
- Bitir'i tıklatın.
- Dışa aktarma işlemi tamamlandığı zaman, uzantınıza ait olan ve dağıtıma hazır haldeki ZXP paketini proje klasörünüzde bulacaksınız.
Not: Yüklemek için, <extension>\.staged-extension\CSXS\manifest.xml dosyasına erişmeniz ve en düşük Animate sürümünü 13.0'a ayarlamak için host etiketini güncellemeniz gerekir.
Animate CC'de Adobe Extension Manager'ı kullanarak HTML uzantılarını yükleyebilirsiniz. HTML uzantıları, Animate işlevlerini ve özelliklerini genişletmenize yardımcı olabilir. Uzantıları yüklemek için bu bağlantıya bakın.
Kontrol ekleme, davranış belirleme ve ana bilgisayar (Animate ve işletim sistemi dahil) ortamıyla ilgili bilgi edinme yoluyla, Animate ile etkileşimde bulunacak bir HTML uzantısı geliştirebilirsiniz. Bu işlem iki yolla gerçekleştirilebilir:
- CEP arabirim kütüphanesini kullanma: CEP arabirim kütüphanesi, ana bilgisayar ortamı ile ilgili bilgi edinme amacıyla API'ler ve JSFL'leri çalıştırmanıza olanak tanıyan bir değerlendirme komut dosyası sağlar. CEP arabirim kütüphanesi hakkında daha fazla bilgi edinmek için, Eclipse içinde Yardım > Yardım İçerikleri > Adobe Extension Builder > Başvurular alanını açın.
- JSFL kullanma: JSFL komut dosyaları, CEP arabirim kütüphanesinin Değerlendirme komut dosyası API'si kullanılarak çalıştırılabilir. JSFL'lerle ilgili daha fazla bilgi edinmek için bu bağlantıya bakın.
JSFL'lerin dışında, Animate dahilindeki CEP altyapısı da yalnızca HTML panellerinde kullanılabilen şu olayları açığa çıkarır.
- com.adobe.events.flash.documentChanged geçerli etkin belgede bir değişiklik olduğunda tetiklenir.
- com.adobe.events.flash.timelineChanged geçerli etkin belgenin zaman çizelgesinde bir değişiklik yaptığınızda tetiklenir.
- com.adobe.events.flash.documentSaved geçerli belgeyi kaydettiğinizde tetiklenir.
- com.adobe.events.flash.documentOpened yeni bir belge açtığınızda tetiklenir.
- com.adobe.events.flash.documentClosed geçerli etkin belgeyi kapattığınızda tetiklenir.
- com.adobe.events.flash.documentNew yeni bir belge oluşturduğunuzda tetiklenir.
- com.adobe.events.flash.layerChanged farklı bir katman seçtiğinizde tetiklenir.
- com.adobe.events.flash.frameChanged farklı bir kare seçtiğinizde tetiklenir.
- com.adobe.events.flash.selectionChanged sahne alanında farklı bir nesne seçtiğinizde tetiklenir.
- com.adobe.events.flash.mouseMove farenizi Sahne Alanı üzerine getirdiğinizde tetiklenir.
csinterface.addEventListener("com.adobe.events.flash.selectionChanged", CallbackFunction)