Sadece Javascript ile web tabanlı oyun yapmak için mevcut web teknolojisi hakkında okumaya başladım, ancak HTML5 ile SVG hakkında geri bildirim yok. Geçerli bir seçim mi? Canvas, DOM ve CSS Transformation gibi diğer tekniklerle karşılaştırıldığında iyi performans gösterir mi?
Yanıtlar:
SVG HTML5'te desteklenir; oynatıcınızın kullandığı tarayıcıyı destekleyip desteklemediği farklı bir hikaye.
İhtiyaçlarınıza bağlı olarak RaphaelJS'e göz atmalısınız. . Raphael, IE için oluştururken VML'ye geçerek IE için SVG benzeri destek sağlar . Raphael, animasyonlar ve Cufon yazı tipi desteği dahil birçok işlevsellik sağlar. Kesinlikle bir göz atmaya değer.
SVG, DOM'un bir parçası olduğundan, oluşturulan SVG öğelerine "tıklama" ve "fareyle üzerine gelme" gibi DOM etkinliklerini eklemek oldukça basittir. Bu, SVG'yi hareketli sprite vb. Yerine HUD tipi ekranlar için daha uygun hale getirebilir.
Bununla birlikte, SVG'nin tuvale göre göreceli performans özelliklerini belirlemek için muhtemelen çok fazla testiniz var.
Düz DOM manipülasyonu muhtemelen grubun en kötüsü olacaktır. DOM'daki şeyleri değiştirdikçe, tarayıcının düzen motoru, muhtemelen oyununuzun performansını öldürecek değişikliklerinizi karşılamak için sayfanın düzenini yeniden hesaplar. Bu rotaya gitmeniz gerekiyorsa, CSS'yi (özellikle dönüşümler ve ana kare gibi CSS3'e özgü özellikler) tercih edin.
SVG uyumluluğunu görmek için bu web sitesine bakın. Şu anda en iyi çok tehlikeli ve ben vitrinler için test demoları dışında bir şey için tavsiye etmem.
İnsanların en son ve en iyi tarayıcıyı kullanmasını beklemeyin.
Bence SVG kullanmak büyük bir hata olur ve kullanıcılara bir şeyler bozulduğunda utangaç olur.
Canvas'ı kullanmaktan daha iyi olur. Her ikisi de IE'de desteklenmiyor ve tuvalin web tabanlı geçerli bir oyun teknolojisi olduğu biliniyor; Ayrıca özellikle Chrome'da (ve görünüşe göre IE9'da, ilk demolara göre iyi oluşturma hızı vardır; Son zamanlarda denemedim). IE ve / veya mobil platformların eski sürümlerini hedeflemeniz gerekiyorsa, çok iyi bir performansa sahip olmayan basit eski DOM'a sadık kalın, ancak basit oyunlar için hala kabul edilebilir (örn. Pacman ).
Kısa cevap evet.
Uzun cevap,
Hala tamamen IE6'ya bağlı bir ortamda çalışıyorum ve grafikler için bu harika kütüphaneyi kullandım. (IE6-IE8 için VML kullanır) Kesinlikle tuval seviyorum ve js ile oyun yazmak için tercih ederim. Yani svg'de bir oyun yapmak istiyorsanız bunu yap diyorum, onu kullanarak başka oyunlar yaratıldı (Raphael örneklerine bakın). Ne olursa olsun bunu yapmak için JS kullanacaksınız, bu yüzden tuvale geçiş yapmak istiyorsanız, o kadar acı verici olmayacak.