Aşağıda, animasyonunuza etkileşim eklemek için Flash WebGL Çalışma Zamanı API'sini kullanmaya başlamanıza yardımcı olacak adım adım sunulan bir eğitim bulunmaktadır. Bu eğitimde basit bir FLA dosyası ile başlayıp API'yi kullanarak sahne alanındaki MovieClip örnekleri eklemekle başlarsınız.
-
night_webgl.fla dosyasını indirin ve Adobe Flash Professional CC 2014'te açın. Dosyada sahne alanındaki bir gece göğünün bitmap görüntüsü bulunduğunu görebilirsiniz.
-
Kütüphane panelinde, Star MovieClip'in yanındaki ‘bağlantı’ sütununu çift tıklatın ve “star” yazın. Bu adım, API kullanılarak çalışma zamanında oluşturulacak MovieClip örneklerini kullanarak bağlantı adını belirtir. Ayrıca, sahne alanında kullanılmamış olsa bile bu MovieClip'in yayınlanmasını sağlar.
-
var count = 0; function onAdd() { var sgf = player.getScenegraphFactory(); var star = sgf.createMovieClipInstance("star"); player.getStage().addChildAt(star, 0); var x = Math.random() * 540; var y = Math.random() * 180; var s = Math.random(); var mat = new flwebgl.geom.Matrix([s, 0, 0, s, x, y]); star.setLocalTransform(mat); count++; document.getElementById("count").innerHTML = count + (count > 1 ? " stars" : " star"); }
Burada birkaç işlem gerçekleşir:
- Değişken ‘player’ öğesi, bir WebGL oynatıcısı örneğine başvurur ve API'nin dış görünüşüdür.
- SceneGraphFactory öğesine ilişkin bir başvuru elde edilir. MovieClip örnekleri oluşturmak için kullanılır.
- createMovieClipInstance() işlevi kullanılarak ve Flash'ta belirtilen bağlantı adı iletilerek MovieClip örnekleri oluşturulur.
- Oynatıcıdan sahne alanına ilişkin bir başvuru (kök zaman çizelgesi) elde edilir.
- Yeni MovieClip örneği, addChildAt() işlevi kullanılarak sahne alanının bir alt öğesi olarak eklenir. Bu işleve 0 iletildiğinde alt öğe, sahne alanının diğer tüm alt öğelerinin üstüne eklenir (bitmap'in üstüne).
- Matrix sınıfı kullanılarak yıldızın konumu ve boyutu ayarlanır.
Not:
Bitmiş örneği buradan indirebilirsiniz.
İndir
Not:
- WebGL animasyonunu HTML içindeki bir tuvalde oluşturduğunuzdan, çevresindeki HTML'i rahatlıkla değiştirebilirsiniz. Bu örnekte, oluşturulan yıldızların sayısını koruruz.
- Yukarıdaki örnek, etkileşimli animasyonlar ve oyunlar oluşturmaya başlamanız için sağlanmıştır. Sahne alanınızdaki öğeleri kontrol etmenin diğer yollarıyla ilgili daha fazla bilgi almak için WebGL çalışma zamanı API'si belgeleri sayfasını ziyaret edin.
- Herhangi bir içerik yayınladığınızda Flash çalışmayı GPU uyumlu bir formata dönüştürür. Bilgisayar işlemleri açısından zorlayıcı olduğundan, bu görevin tamamlanması birkaç dakika alır. En iyi uygulama olarak, çalışmanızdaki satır ve eğri sayısını en aza indirin. Değiştir> Şekil menüsünün altındaki seçenekleri kullanarak çalışmayı optimize etmek, düzgünleştirmek ve düzeltmek çalışmanızı kolaylaştırmaya yardımcı olur. Bu, oluşturma performansının yükseltilmesine ve yayınlama süresinin azaltılmasına yardımcı olur.