设为首页

返回首页
当前位置: 主页 > BT传奇游戏 >

自然流畅:感受IE11中的触控体验

时间:2020-04-08 13:35来源:http://www.shop80.cn 作者:今日新开网页传奇 点击:
在触控技术和Windows 8的带动下,越来越多的PC开始配备触控屏,给传统PC领域带来了全新的交互体验触控操作。然而,除了专门针对触控操作优化的Windows 8应用外,大量传统操作都是基于键盘和鼠标,比如我们最常进
  

  }

  element.addEventListener('MSPointerOut', msStop);

  element.addEventListener('MSPointerDown', msStart);

  多点触控支持的实施是该游戏中为数不多的使用到特定于浏览器的代码的地方之一。得益于IE10 对触控事件监听器的内置支持,迁移过程中对多点触控的开发并不复杂。Contre Jour团队表示:“IE对多点触控的良好支持,对于开发人员而言是一件好事,你能够简单、高效的完成对于多点触控的支持。因为这使得我们可以集中精力应对项目中那些更具有挑战性的部分。”

  document.addEventListener('touchend', touchStop);

自然流畅:感受IE11中的触控体验

  element.addEventListener('mouseout', mouseStop);

  在Modern风格下IE11的触控体验

  } else {

  以下是与触控事件监听器相关的代码示例:

  而作为首个支持HTML5拖放和触摸的浏览器,IE11还允许用户直接在HTML5网页上使用手指拖动页面中的素材。

  Contre Jour其实可以看作是移动端休闲游戏迁移到网页上的典型例子。在迁移的过程中能够看出,对于开发者来说,利用IE的触控特性,至少在触控部分,并没为开发者造成多大的麻烦。但达到的效果显而易见,利用HTML5、JavaScript,再结合IE对于触控的支持,现在用户就能够直接在IE浏览器上玩Contre Jour,而在过去,这可不是一件容易的事。

  IE推动触控类休闲游戏的发展

  作为去年的精品游戏之一,美轮美奂的视觉风格令Contre Jour独树一帜。Contre Jour 由 Maksym (Max) Hryniv推出,首先在 iOS 上大获追捧,因其创新的游戏设置、奇幻的艺术风格以及动人的背景音乐而享誉世界。由于需要多点触控的支持,在很长一段时间内用户只能通过应用端进行体验。不过在支持多点触控体验的IE10推出之后,Contre Jour被开发人员从客户端被搬到了浏览器上,而这个游戏也被认为是IE浏览器与触控操作的最佳结合。

  element.addEventListener('mousedown', mouseStart);

  break;

  element.addEventListener('touchstart', touchStart);

  document.addEventListener('MSHoldVisual', preventDefault);

  switch (inferInputModel()) {

  break;

  } else if (window.ontouchstart !== undefined) {

  break;

  function inferInputModel() {

自然流畅:感受IE11中的触控体验

  document.addEventListener('mouseup', mouseStop);

  case 'pointer':

  if (window.navigator.msPointerEnabled) {

  }

  除了Contre Jour,IE浏览器还为触控的应用提供了大量的开发实例。由微软IE团队与育碧共同开发的网页版《刺客信条:海盗传奇》就很好地诠释了IE11对于触控的支持。在全3D的网页体验中,用户可以通过触控操作控制海盗船的舵轮,调整海盗船的方向,让整个游戏体验更加逼真和流畅。同时,游戏会自动检测玩家的设备种类及输入方式进行调整以适应屏幕,达到最佳的显示效果。

  return 'touch';

  从编码的角度看,在迁移的过程中Contre Jour团队花费了一些时间编写主触控模块,该模块包含特定于浏览器的触控支持和触控事件处理。该模块跟踪触控事件(无论何种浏览器平台)并将其送入游戏引擎进行处理。此外,,游戏元素可“订阅”特定的触控实例以通过触控的“开始触控”来接收通知,并且移动和结束触控事件生命周期。这使得游戏中场景等元素能够轻松地跨浏览器平台对触控事件作出响应。

  无处不在的触控

  element.addEventListener('mouseout', mouseStop);

  document.addEventListener('MSPointerUp', msStop);

  case 'touch':

  }

  document.addEventListener('mouseup', mouseStop);

  在触控技术和Windows 8的带动下,越来越多的PC开始配备触控屏,给传统PC领域带来了全新的交互体验——触控操作。然而,除了专门针对触控操作优化的Windows 8应用外,大量传统操作都是基于键盘和鼠标,比如我们最常进行的上网。现在的网站几乎都只考虑了鼠标和键盘操作,这就导致在使用触控方式访问网站时会遇到操作障碍。从网站入手,重新制作兼容触控操作的网页是最彻底的解决方法,但实现难度比较大,因为网站数量是如此的多,而另一个解决方案则是从浏览器入手,通过改进浏览器来解决上网过程中的触控操作问题。作为目前全球市场占有率最高的浏览器,IE11针对触控操作进行了进一步优化,为其他浏览器厂商做出了很好的示范。

  除了浏览网页,针对触控进行优化的IE浏览器也成为了网页游戏玩家们的福音。有了触控的支持,用户可以抛弃键盘和鼠标,享受更加自然流畅的游戏体验。

  document.addEventListener('MSPointerCancel', msStop);

自然流畅:感受IE11中的触控体验

  element.addEventListener('mousedown', mouseStart);

  return 'unknown';

  return 'pointer';

  default:

  通过与Max以及网站开发机构Clarity Consulting的合作,IE仅使用HTML5和JavaScript便将Contre Jour导入了浏览器。将Contre Jour成功导入网页并实现触控体验的成功之举,拓展了我们以往所认知的可能性极限,它证明了浏览器作为一种可行平台,已经为促进触控网页休闲游戏的发展做好了准备。

顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------

最新评论

查看所有评论

发表评论

查看所有评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 密码: 验证码: