HTML5 Canvas (игра) на планшетах iPad / Android

Question

При попытке сделать игру с использованием Canvas я заметил несколько странностей в браузерах для планшетов и телефонов.

1) Как отключить выбор холста? Кажется, что когда пользователь касается его, он выделяет холст и почти делает попытку выбрать его. Это нежелательно.

2) Жесты слайдов в браузере. У некоторых браузеров есть жесты слайдов, которые отменяют любой захват движения, сделанный на холсте или веб-странице. Это очень раздражает и нежелательно.

3) Управление Canvas с элементами HTML UI. Я заметил, что при наличии холста с другими элементами пользовательского интерфейса (такими как текст) иногда щелчок или перетаскивание на холсте выделяет часть HTML и вместо этого перетаскивает элементы HTML вместо нажатия на холст.

Любая помощь очень ценится! Я надеялся, что HTML5 станет достаточно зрелым, чтобы обеспечить хорошую совместимость как для мобильных, так и для настольных компьютеров. Идея состоит в том, чтобы иметь возможность кодировать один раз и играть везде .... спасибо!

Answer 1

Это должно исправить ваши проблемы, связанные с № 1 и № 3:

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

# 2 кажется ужасно отдельным вопросом, но у меня никогда не было проблем с жестами слайдов, перекрывающими любой из моих холстоввещи.Попробуйте использовать e.preventDefault(); в начале ваших сенсорных событий.