HTML5 iPad/Android tabletlerde Canvas (oyun)

Question

Tuval kullanarak bir oyun yapmaya çalışırken, tablet/telefon tarayıcılarında birkaç tuhaflık fark ettim.

1) Tuval'in seçilebilir olmasını nasıl engellerim? Kullanıcı ona dokunduğunda, tuvali vurgular ve neredeyse onu seçmeye çalışır. Bu istenmeyen.

2) Tarayıcı slayt hareketleri. Bazı tarayıcılarda, tuvalde veya web sayfasında yapılan herhangi bir hareket yakalamayı geçersiz kılan kaydırma hareketleri vardır. Bu da son derece can sıkıcı ve istenmeyen bir durumdur.

3) HTML kullanıcı arabirimi öğeleriyle birlikte kanvas kontrolü. Ben tuval üzerinde tıklamak veya sürükleyerek bazen diğer UI öğeleri (metin gibi) ile mevcut bir tuval olduğunda, HTML'nin bir bölümünü vurgulamak ve bunun yerine tuvali yerine HTML öğelerini sürükler.

Herhangi bir yardım büyük beğeni topluyor! HTML5'in hem mobil hem de masaüstü bilgisayarlarda iyi uyumluluğa izin verecek kadar olgun olacağını umuyordum. Fikir bir kez kodlamak ve her yerde oynamak mümkün ... teşekkürler!

Answer 1

Bu 1. ve 3. ilişkin Sorunlarınızı çözmek olmalıdır: 2 korkunç derecede ayrı bir soru gibi görünüyor

canvas.addEventListener('selectstart', function(e) { e.preventDefault(); return false; }, false); 

#, ama slayt jestleri benim tuval malzeme herhangi geçersiz kılma ile ilgili bir sorun vardı hiç . Dokunma etkinliklerinizin başında e.preventDefault(); kullanmayı deneyin.