HTML5 tuval oyunu performansına karşı alternatifler

Question

Tuvali kullanarak bir HTML5 oyununda geliştirme yapmaya başladım. İşler şu ana kadar yoluna devam ediyor, ama bazı oyunlara sahibim, çoğunlukla böyle bir oyunun performansı ile ilgisi var. Bu yüzden benim yerine gelişim sürecinin derinliklerinde bir yığın problemle karşılaşmak yerine, şimdi öğrenmek için minnettar olacağım.

Daha önce OpenGL gibi dillerde çalıştım ve işleri verimli bir sıraya göre işlemenin ne kadar önemli olduğunu öğrendim, bu sadece ekranın arkasına rastgele bir şekilde çizim yapmaktan yüzlerce daha iyi bir performans katsayısı verebilir. dokular/gölgelendiriciler vb. arasında ileriye gitmek Bu, bir tuval oyunuyla aklımda tutulması gereken bir şey midir, yoksa işler otomatik olarak sıraya girecek ve verimli bir sırayla işlenecek mi?

Bu bir 2D oyun olacak, ancak ekranda birkaç nesneye sahip, ve çoğu dinamik olarak doygunluğu azaltılmış ve parlaklık (filtreler) değişti. Performans ciddi bir sorun mu olacak?

Alternatifler nelerdir, performansa yardımcı olabilecek javascript oyun motoru nedir? Standart kanvasın donanım hızlandırmasına rağmen WebGL'ye geçerek performans artışı alacağım mı?

Answer 1

Evet, WebGL ile büyük bir performans artışı elde edersiniz. Pixi adlı mükemmel 2D işleme sistemini kullanmayı düşünün. Sprite'ı WebGL'ye Canvas geri dönüşü ile işler. Veya game-shell ve gl-modules kullanarak kendi düşük düzey WebGL hareketli grafik oluşturma sisteminizi oluşturabilirsiniz. gl-now, bu modüllere iyi bir giriş noktasıdır. Kendi oyun motorunuzu oluşturmak için bunları kullanabilirsiniz.

Phaser, şu anda çok çekiş gücüne sahip tam bir HTML5 oyun motoru ve render için başlık altında Pixi kullanır. Tüm bu sorunlar hakkında yardım almak için Stackoverflow'dan daha iyi bir yer http://www.html5gamedevs.com'dur.