2011-01-31 8 views
8

Ben html5 için yeni ve tuval ile oynamaktayım. Tuvalin ne zaman gerekli/faydalı olacağını merak ediyorum? yani ne zaman kullanılmalı?Neden html5'te animasyon için tuval kullanılır?

Etiketleri taşımak gibi basit bir animasyon yapmam gerekiyorsa, gerçekten bir tuvale mi ihtiyacım var, yoksa jquery/js'yi kullanmak daha mı iyi/daha kolay mı?

cevap

4

tuval yardımı ile, GUI vb bazı örnekler 2D (döndürmek gibi) grafik uygulamaları, animasyonları görüntülerin basit dönüşümü oluşturabilir: GUI Hakkında

  1. Asteroids game
  2. jigsaw puzzle
  3. , Ne yazık ki bir site yükleyemiyorum, neden hiçbir fikrim yok ... iWidgets.com denildi, bulduğum tek şey bir screenshot. Orada mavi boru hattını görebilirsin, elementleri bağladılar. Tuval yardımı ile yapıldı; elementler taşınırken, boru hatları da yeniden çiziliyordu; aktif öğeyi değiştirdiğinizde tüm bağlantıları sarıya dönüşür (böylece bağımlılıkları görürsünüz). Güzel bir proje, ben ... sadece bir süreliğine erişilemez umut
nasıl kullanılacağı hakkında

İyi makale "An insight into the HTML5 Canvas Element" Kimden here

geçerli:

tuval unsurdur ilginç ve ilk kez o olanak verdiğinden, odak layık Flash veya Java gibi harici bir eklenti için kullanmadan bir tarayıcı içinde grafik doğrudan çekme. tuval güzelliği o zaten sağlamakta ve çılgın bir öğrenme eğrisi kullanmak gerektirmez JavaScript güçlü işlevselliği üzerine inşa anlam basit JavaScript kodu yoluyla tamamen yönetiliyor olmasıdır. diğer yeni elemanlar üzerinde tuval deneme seçme

basitçe aşağı kullanımının doğal bir potansiyel ilginç ve oynamak için zengin bir platform kılan bir grafik platformu olarak işlevselliğini etmekti. , esnek kanvas elemanını itmenin, uygulamada kullanabileceğimiz ilginç sonuçları üreteceğine karar vermiştir.

tuval seçmek için bir diğer belirleyici faktör animasyon yetenekleri ve potansiyel Flaş yedek olma olasılığını test etmekti. Şimdi Flaş besbelli tuval taklit asla özelliklere sahiptir, ancak normalde Flash için ulaşarak yapmış olurdu kanvasla elde edilebilir tam olarak ne görmek için heyecan verici bir kavram yine bu.

daha yararlı bilgiler

PS almak için o makaleyi okuyun. Animasyonunuz hareketli etiketlerle ilgiliyse (sayfanızın parçaları gibi), tuval sığmaz. Kanvas grafik oluşturma içindir.Yani bu durumda jquery veya diğer JS kütüphaneleri kullanacaksınız.

1

Canvas, grafiklerin piksel düzeyine erişmenizi sağlar. Bir dama tahtası geçişi yapmak isterseniz, bunu tuvalinde bir senaryo ile yapabilirdiniz ancak jquery'de yapamazsınız. (Zaten yapılmış) neyin mümkün olduğunu birkaç örnekler için

İşte http://www.netzgesta.de/transm/

2

CSS3 Geçişler/Animasyonlar veya Tuval ne zaman kullanılacağına karar vermek için en iyi uygulamaları var görüyoruz. JQuery kullanıyorsanız, kapakların altında, mümkün olduğunda CSS3 geçişlerini veya animasyonlarını kullanacağını unutmayın. Kullanım tuval animasyonlar Oluşturduğunuz eğer sizin gibi, bir şey daha karmaşık animasyon konum eğer -

CSS3 Çeviriler/Animasyonlar - Böyle konum ve boyut

Tuval animasyonlar olarak DOM öğesi stilleri, animasyon oluyorlarsa bu kullanmak bir çevrimiçi oyun ya da bir fizik simülatörü inşa etmek. 3 boyutlu modelleri canlandırıyorsanız, kesinlikle tuval kullanmak isteyeceksiniz, böylece WebGL