İçindekiler:
Video: Kodu Game Lab Tutorial - How to Make a Game 2024
Adobe Edge Animate CC, kodla çalışmayı deneyimli geliştiricilere ve kahvaltıda kodlu mühendislere tartışmayı düşünenlerden, bir dizi kullanıcı için animasyon yaratmayı mümkün kılıyor. Bir yandan, Edge Animate ile profesyonel animasyonlar oluşturmak için herhangi bir kodlama becerisine gerçekten ihtiyacınız yok; Edge Animate,
-
Yerli HTML5 kodu () sunmaktadır; bu kod çok temizdir - patentli veya gereksiz bir kod yoktur. Bu, kodun herkes için daha kolay okunmasını ve anlaşılmasını sağlar.
-
Elle düzenleme koduna erişmenizi sağlayan kalıcı bir kod panosu, .
-
JavaScript API (uygulama programlama arabirimi), kodun ardındaki ayrıntıları öğrenmek için bir fırsat sağlar.
Kodlama becerisine sahip olmayan tasarımcılar, herhangi bir kod bilmeden kompozisyon oluşturabileceklerini bilerek rahatlayabilirler. Bu arada deneyimli geliştiriciler, arka plan kodunun tamamına erişim sağlamak için Adobe'ye selam verebilirler.
Yerel HTML'de çalışma
Edge Animate'de çalışırken, yazılım sahnenin arkasında kod oluşturmaktadır. Animasyon oluşturmak için herhangi bir HTML veya JavaScript bilmeniz gerekmese de, bazı kodlama becerilerine sahipseniz, kutlayabilirsiniz - Edge Animate, herhangi bir tescilli bagaj olmadan çok temiz HTML kodu oluşturur.
Koda girmek istiyorsanız, Edge Animate'nin açmanız gereken tek dosya olarak oluşturduğu HTML dosyasını göz önünde bulundurun. Edge Animate, JavaScript dosyaları da dahil olmak üzere birkaç başka dosya türü oluşturur, ancak bu dosyalar kodla yoğuntur. Eğer bir geliştirici değilseniz o dosyalardan kurtulmak iyi bir tavsiyedir.
Zaten birçok web sitesi kurduysanız ve animasyonunuzu sıfırdan oluşturmak istemiyorsanız, şanslısınızdır: Baştan başlamak zorunda değilsiniz. Edge Animate'nin mükemmel bir özelliği, mevcut HTML dosyalarını içe aktarabilmenizdir - bu da deneyimli web geliştiricilerine Edge Animate ile başlı bir başlangıç yapmaktadır.
HTML5, CSS3 ile birlikte bu günlerde web geliştirme ile ilgili en büyük şey. HTML5'in ne olduğunu merak ediyorsanız, bunu açıklamak için en iyi yolu, web'in geleceği olmasıdır. Böylece, Edge Animate'yi kullanarak kendinizi web teknolojilerinin ön planına koyuyorsunuz demektir. Ve en iyi yanı, kodun nasıl kullanılacağını bilmenize gerek yok; Edge Animate, sizin için kodu oluşturur.
Kalıcı kod paneli ile kolayca kodlama
Adobe Edge Animate CC'yi tek bir kod bile bilmeden kullanabilirsiniz. Bununla birlikte, el ile kodlamayı seven bir geliştiriciyseniz, bunu kod penceresi ile yapabilirsiniz.Kod penceresini kullanırken iki seçeneğiniz vardır:
-
Tam kodu görüntüleyebilirsiniz. Bu şekil gördüğünüzü gösterir: üzerinde çalıştığınız belirli animasyonların eylem dosyasındaki tüm kod. Bu görüş son derece yararlıdır; kod parçacıkları arasında ileri geri tıklamaya devam etmek zorunda değilsiniz.
Eylemler dosyanızı görüntülemek ve düzenlemek için Tam Kod modunu kullanın. Kod düzenleyicisinin sağ üst köşesindeki Tam Kod düğmesini tıklatarak bu modu etkinleştirebilirsiniz.
-
Belirli bir eylemin kodunu görüntüleyebilirsiniz. Kod penceresi açıkken, sol taraftaki eylemlerin bir listesini görürsünüz. Bu işlemlerden birini tıklatarak, yalnızca o eylemin kodunu düzenleyebilirsiniz (şekle bakın).
Kod penceresini açmak için menüden Pencere ve ardından Kod'u gösterildiği gibi seçin.
Ctrl + E tuşlarına basarak kod penceresini açmak için klavye kısayolunu kullanabilirsiniz.
JavaScript API'sini çekme
Burada bir Adobe Edge Animate CC JavaScript API'sı, hardcore kodlayıcılar için kullanılabilir. JavaScript'in veya kod yazmanın hiçbir şeyini bilmeyenler için endişelenmeyin; Animasyonlar yaratmak için devasa kod askıya alma gerekli değildir. Bununla birlikte, motor kaputunu kaldırıp motoru çevrelemek istiyorsanız, JavaScript API'sı mükemmel bir kaynak sağlar.
API, uygulama programlama arabirimi anlamına gelir ve programcıların kodu yazarken ve hata ayıklamak için kullandığı yaygın bir araçtır. Elbette, kodlamanın nasıl yapılacağı konusunda konusunda kendinizi eğitmek istiyorsanız, API'ların çalışma alanlarına bakmanız sizi alabilir. Bununla birlikte, API'lerin genellikle yeni başlayanlara yönelik bilgi sağlamadıklarını unutmayın; onlar zaten kod nasıl bildiğinizi varsayıyorlar. Adobe Edge Animate CC JavaScript API size keşfetmeniz gereken pek çok özellik sunar:
Adobe Edge Animate CC'ye genel bakış:
-
API'nin bu bölümü size program hakkında genel bir bilgi verir. Tetikleyiciler, olaylar ve eylemler:
-
Edge Animate'nin bu özellikleri sizin için kodunuzu çalıştırıyor (loop gibi) ya da kitlenizin animasyonun farklı bölümleriyle (bir düğmeyi tıklamak gibi) etkileşime girdiği zaman. Semboller oluşturmak için kullanılan araçlar ve işaretçiler
-
(tekrar kullanılabilir gömülü animasyonlar): Özellikle kendine yeten Davranışlar, Zaman Çizgileri ve grafikler olan Kenar Animate Sembolleri yararlıdır. JavaScript API:
-
Bu, standart JavaScript arabirimidir, özellikle animasyon projelerinizin belirli yönlerini elle kodlamak istediğinizde kullanışlı bir araçtır. Gelişmiş konular:
-
Kemerinizin altında kodlama uyguladıktan sonra, bu konular keşfetmek için bazı maceracı talimatlar sunar (örneğin, bir sayfada birden çok kompozisyon oluştururken). Bu şekil, API'da neler bulabileceğinize bir örnek sağlar.