在Android设备上使用 HTML5 游戏中的触控屏

zwuxsxxuterw 2014-02-19 10:38:49

加精

随着智能手机和平板电脑的迅速普及，在这些触控设备上提供自然体验的方式也发生了巨大变化。原生应用开发人员已经整合了触控事件来提升用户体验并改变用户与内容交互的方式。智能手机和平板电脑等移动设备通常采用敏感的电容式触控屏采集用户手指操作。随着移动网络开始支持更加先进的应用，web 开发人员需要处理这些事件的解决方案。例如，几乎任何快速游戏都需要同时按下多个按钮的操作，从触控屏的角度来说就是多触控操作。

使用 HTML5 中的画布元素
本文将详细介绍基于设备 Android* 设备、使用 HTML5 的触控事件 API。另外，我们还将探讨开发哪些应用，并介绍开发触控应用的技巧与策略。直到最近移动应用才能使用 HTML5 跨平台技术处理触控事件。这是让移动应用变得更加原生自然的全新方法。由于我们能够整合触控事件处理和 HTML5 的新画布组件，我们能够采集用户的活动并支持用户利用画布组件。 HTML5 对<画布>组件的定义是：独立于分辨率的位图画布，可用来渲染图形、游戏图形或其它动态视觉图片。根据 web 定义，画布包含以 HTML 代码定义的可画区域并且带有高和宽属性。 JavaScript* 代码可通过丰富的会话功能集访问这一区域。

使用 HTML5 触控事件，应用可为用户提供与原生应用同样出色的体验。通过提供触控和各种手势控制，开发人员可帮助用户迅速穿越应用或构建精彩的交互式游戏。

开发人员指南
让我们深入探讨如何使用 HTML5 画布组件采集用户触控事件。

正如万维网联盟(W3C)指出：“本规范定义了第五个主要版本，首次改动了万维网的核心语言：超文本标记语言(HTML)。”

有四类触控事件：

•touchstart
•touchmove
•touchend
•touchcancel
下面分别详细介绍。
请点击这个链接阅读详细介绍：http://g.csdn.net/5265481

...全文

1426 23 打赏收藏转发到动态举报

写回复

用AI写文章

23 条回复

切换为时间正序

请发表友善的回复…

发表回复

鸥翔鱼游1 2014-04-29

打赏
举报

且学且珍惜，得认学习真正消化

hesaiisme 2014-03-26

打赏
举报

引用 10 楼 bill0605030109 的回复:

[quote=引用 3 楼 nomefat 的回复:] [quote=引用 1 楼 u013713279 的回复:] 我写的第一个程序，大家顶下哦，http://jcloud.csdn.net/m/opus/opus/opus_zone?id=2296&project_id=612&product_type=10

这也叫程序你好赖写个helloworld 写个1算哪个意思？[/quote] 我中奖了，我是3。。

[/quote] 我中奖了，我是4。。

图扑软件 2014-02-28

打赏
举报

是不错，HTML5都可以让Android上跑3D了

随风随性suph 2014-02-25

打赏
举报

晕倒一大片，怎么玩

AK1231234 2014-02-25

打赏
举报

还行哈哈哈哈哈

ttsffgg 2014-02-24

打赏
举报

果然奇葩啊

austin9972 2014-02-24

打赏
举报

line_us 2014-02-23

打赏
举报

好

mlxietie 2014-02-23

打赏
举报

这确实不错啊。

罗捷捷 2014-02-22

打赏
举报

引用 10 楼 bill0605030109 的回复:

[quote=引用 3 楼 nomefat 的回复:] [quote=引用 1 楼 u013713279 的回复:] 我写的第一个程序，大家顶下哦，http://jcloud.csdn.net/m/opus/opus/opus_zone?id=2296&project_id=612&product_type=10

这也叫程序你好赖写个helloworld 写个1算哪个意思？[/quote] 我中奖了，我是3。。

[/quote] 我为嘛是0...