HTML/CSS/JS kullanarak bir kart oyunu oluşturdum. Hareketli ekran kartlarını hareket ettirir ve bir çetele/mesaj panosunu canlandırır.HTML5/CSS GPU Performans optimizasyonu
Chromecast'imdeki performans yine de korkunç. Bazen 4fps'ye bölündüğümde :(. Uygulamasında hata ayıkladığımda, GPU'nun 20mb/512mb'sini kullanıyor. GPU rasterleştirmesini veya herhangi bir diğer gelişmiş GPU özelliğini etkinleştirmenin herhangi bir yolu olup olmadığını veya herhangi bir ipucu varsa Oyunun performansını geliştirmek için
Şimdiye kadar dokular, saydamlar ve animasyonları basitleştiriyordum.Yeni kromojiden nasıl daha fazla performans alacağımıza dair tavsiyelerde bulunmak isterim. muhtemelen bana GPU daha kullanımına izin ama bu benim animasyon sınıfları yeniden yazma olurdu.
Kullanım Herşeyi canlandırmak için javascript'e güvenmek yerine mümkün olan yerlerde CSS animasyonları. Genel olarak, CSS animasyonlarından JS animasyonlarıyla yapabileceğinizden daha iyi performans elde edersiniz. Ancak, belirli bir kod olmaksızın, size geniş tavsiyelerde bulunmaktan başka, gerçekten size yardımcı olmanın bir yolu yoktur. – kanzelm3
IMHO html5 oyununu yapmanın en iyi yolu WebGL kullanıyor. –
Bir tuvale çiziyorsanız, mümkün olan her durumda WebGL kullanın. DOM'ı manipüle ediyorsanız, CSS3 animasyonlarına bağlı kalmaya çalışın, donanım hızlandırılmış ve yüksek düzeyde optimize edilmiş olma eğilimindedir. –