html5 canvas支持手机浏览器

Question

我开发了一个简单的基于html5的游戏。在这个游戏中有4个控制键左，右，上下箭头（keydown事件）。它在我的笔记本电脑浏览器中运行良好。我喜欢为手机定制这款游戏。在手机（Android，IOS）中读取输入的适当事件是什么。和移动浏览器中画布的标准尺寸（高度和宽度）？

Answer 1

回答标题：
iOS和Android手机全球支持canvas， 在caniuse.com上显示更多详情： http://caniuse.com/#feat=canvas

回复消息：
手机没有键盘 对于键，您可以使用指针事件API（and its polyfill）来制作虚拟操纵杆，有关详细信息，请参阅本教程： http://www.codeproject.com/Articles/594186/Create-a-Cross-browser-Touch-based-Joystick-with-Hand-js

Answer 2

<强>控制

这是您可以获得创意的地方。虚拟键盘可以将屏幕分成几部分。左侧部分是左侧，右侧部分是右侧，等等。真正取决于您的游戏类型。

虚拟键盘的一个非常好的教程可以是found here。看看演示！

的活动

查看Apples guide on how to add events。

基本上是以下内容：

element.addEventListener("touchstart", touchStart, false);
element.addEventListener("touchmove", touchMove, false);
element.addEventListener("touchend", touchEnd, false);
element.addEventListener("touchcancel", touchCancel, false);

或者，我推荐像hammerJS这样的库。它可以处理触摸事件并简化手势。

屏幕尺寸

Apple很容易，你有 320×480,640×960,640×1136

Android有点复杂。最佳答案是查看Google提供的以下页面：Screen size analytics。

它们通常分为以下类别

  

xlarge屏幕至少为960dp x 720dp
  大屏幕至少640dp x 480dp
  正常屏幕至少为470dp x 320dp
  小屏幕至少为426dp x 320dp