HTML5 Canvas oyunu üzerinde çift tamponlama?

23

Basit tuval oyunum Mac / Linux'ta Chrome ve FF'de iyi çalışıyor gibi görünüyor. Henüz akıllı telefonlarda veya Windows ortamlarında test etme şansım olmadı. Çift arabellekleme kullanmıyor, ancak onu kullanırken bazı JS Canvas örnekleri gördüm.

Çift arabellek kullanımı ne zaman önerilir? Sadece belirli tarayıcılar için fark yaratır mı? Önemli bir performans hedefi var mı?

Teşekkürler!

javascript  html5  html-canvas  double-buffering 
— Petteri Hietavirta
kaynak
2
OT: Bu oyun kuralları çok umut verici, iyi bir iş (ara yüz üzerinde çok daha fazla çalışmak zorundasın, bazı şeyler net değil, vs.)
— o0 '.
Gerçekten çok tatlı. Yine de öneri: harita seviyesi boşluktan başka bir şeye geçer. Tarayıcı penceremin her seferinde kaydırılması biraz can sıkıcı.
— michael.bartnett
Ayrıca yönlendirme için ok tuşlarını kullanmayın .. Şu anda güvenli
— moddayım
Tarayıcı pencerelerinin üzerlerinde hareket etmemesi için anahtarları almanın mümkün olduğunu düşünüyorum.
— AttackingHobo
Teşekkürler! A, W, D ve şimdi de işe dönüş. Momentumracer'a tweet gönder veya daha fazla yorum veya fikir için petteri@momentumracer.com adresine e-posta gönder, böylece bu mesaj panosu haline gelmez :-).
— Petteri Hietavirta

Yanıtlar:

15

Bir tuval tabanlı oyun çift tamponlama kesinlikle bir performans hit olacaktır. Her karede tuval boyutunuza eşit miktarda ekstra piksel çiziyor olacaksınız. Tuval tabanlı oyunlarda tuval üzerine çizim çoğu durumda en büyük darboğazdır ve bunu özellikle mobil cihazlarda mümkün olduğu kadar sınırlamak istiyorsunuz.

Chrome, GPU hızlandırma (en son sürümlerden itibaren) ve aynı zamanda mobil bir ortamda eşleştirmeyeceğiniz kötü bir hızlı JavaScript motoruna (V8) sahiptir. Chrome'da bile, çift arabellekleme uygulayarak bir yavaşlama göreceksiniz.

Uzun lafın kısası, çift tamponlamanın ("yırtılma" ile başa çıkmanın) yararı büyük olasılıkla alacağınız performansa değmez.

— Geoff
kaynak
1
Ancak titremeye ya da benzer birşeye benzer bir şey fark ettiğinizde, bunu büyük olasılıkla düzeltir. Sorunuzu cevaplamak için: Eğer titreyen fark ederseniz, çift tampon kullanmanızı öneririz. Aksi takdirde hiçbir sebep yoktur. Çift tamponun uygulanması veya çıkarılması kolay olduğuna dikkat edin (performans kaybının titremeye oranla daha ağır olduğunu fark etmeniz durumunda).
— user8363 11:12
1

Bunun gibi çift tamponlama kullanarak şunu fark ettim:

  1. her şeyi görünmez bir tuval çizin
  2. görünmez tuvali gerçek tuvale kopyala

aslında hızlandırma yerine görüntüyü yavaşlatır (düşük fps)

— Gümüş ay
kaynak
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.