本站业务范围:1、PC端软件开发、网站开发 2、移动端APP、网站、微信接口、微商城开发 3、视频教程、课程设计和辅导 4、单片机开发 5、串口通讯调试
 当前位置:文章中心 >> Css3.0_css2.0_html5
立即购买视频教程 H5技术打造的轻应用无限可能
夜鹰教程网 来源:www.yyjcw.com 日期:2017-11-20 21:12:28
H5技术打造的轻应用无限可能

这篇文章不能解决你的问题?我们还有相关视频教程云课堂 全套前端开发工程师培训课程

微信号:yyjcw10000 QQ:1416759661  远程协助需要加QQ!

业务范围:视频教程|程序开发|在线解答|Demo制作|远程调试| 点击查看相关的视频教程

技术范围:全端开发/前端开发/webapp/web服务/接口开发/单片机/C#/java/node/sql server/mysql/mongodb/android/。 



整个7 月下旬,微信朋友圈被一只表情很欠、身材妖娆的猫无情“刷屏” 了。“ 我用了11 步围住神经猫,击败89% 的人,你能超过我吗?” 游戏规则很简单,在一个异化版的围棋界面上,玩家需要做的只是点击圆点围住神经猫。但其默认分享的模板设置,让朋友们纷纷陷入“秀智商”模式,你追我赶地比拼最小步数,按游戏宣传语的话说,就是“根本停不下来”。

 

  当然,神经猫的流行也只不过一个星期,然而作为移动互联网时常出现的现象级游戏,神经猫却让整个游戏产业见识到了HTML5(以下简称H5) 技术可能为游戏带来的巨大变数……

 

  神经猫为什么成功?

 

  《围住神经猫》、《看你有多色》、《打企鹅》、《捏泡泡》……今年以来,不少小游戏一个接一个地占据着微信朋友圈。这些游戏的规则极为简单,游戏时间也极短,一两分钟就可结束游戏。它们的生命周期也很短,一般几天之内,这些小游戏就会销声匿迹。

 

  它们都有一个共同的特点:分享到移动端最为人气集中的微信朋友圈中,和小伙伴们比比高下。这一设定其实从去年年初火爆过的《疯狂猜图》游戏开始,成为了社交游戏的标准配置。

 

  利用社交圈的攀比心理,是该类游戏成功的一大关键。游戏《看你有多色》的开发方就曾对媒体表示,他们基于社交圈的好友关系及信息分享链,重点挖掘了用户分享和攀比的模块,促使玩家获得了更好的成绩后忍不住一次次在朋友圈炫耀。同时,他们在用户使用朋友圈的高峰时段去推动,“让你的朋友也来试试吧”、“看看你的朋友玩得怎样”等吸引玩家分享游戏的话语,出现在每款游戏中,玩家只需要点击一个键就可以分享到朋友圈。

 

  手机游戏渐成热门

 

  进入2013 年,手机继续保持第一大上网终端,在移动互联网发展的推动下,手机游戏日渐成为中国游戏市场的热门。首先,各大厂商进军手机游戏市场,手机游戏市场潜力已经得到认可,而未来激烈的市场竞争也将促进行业良性发展,市场快速增长可期。其次,大量游戏开发者进入手机游戏市场,游戏玩法、画面风格以及游戏题材越来越丰富,产品数量呈现爆发性增长。最后,手机游戏社交性加强,手机随身性、实时性可以更好的维持社交关系,使用户的关系网从PC 端移至手机端,而社交元素的融入大大提升了用户对游戏的使用黏性。

 

  数据表明,微信游戏平台的推出,为手机网络游戏用户起到了非常重要的“拉新”作用。微信庞大的用户基数和游戏中社交元素的嵌入,不断吸引新用户加入。

 

  H5游戏“极简现身”

 

  对于H5 能够为游戏提供多大实现可能这一问题,为《围住神经猫》提供游戏引擎支持的Egret 联合创始人马鉴认为: “在2D方面,H5 与原生游戏已没有太大差异,因为Web 游戏的3D 化形式和原生的3D 化形式就没有技术的划分线了。” 但事实上,时下的H5 游戏,只能是极简状态下的小游戏,而且暂时只能在移动端上引人注目。

 

  对于研发者来说,H5 游戏有三大难关:其一是要想开发一款能在所有平台都能正常运行的HTML5 游戏无疑是一项挑战,设计者必须在海量支持H5 的设备上作测试;其二是游戏需要兼容各种不同的控制方式,用户可能通过鼠标、键盘、智能电视遥控器或者iPhone 来玩游戏;其三是H5 游戏音频的滞后是导致浏览器尤其是移动浏览器载入时间过长、游戏卡顿,浏览器崩溃的最直接原因。

 

  很显然, 在当前状态下,H5 游戏还只能暂时以小游戏的方式出现在移动端上,特别是音视频的嵌入还不足以在网页条件下得到充分显示的当下。因为,太过复杂的呈现方式,就算网页能够正常加载, 但用户手机的移动互联网速受不了,流量费用也受不了。

 

  亟待破局的赢利难题

 

  而在PC 端或电视端,较之移动端,对游戏的品质要求更高,如果想要实现跨屏,迁就移动端的H5 游戏暂时难有市场。

 

  一位玩家说,H5 游戏比不上大型游戏设计精美、情节复杂,但自己不需要坐在电脑前一动不动地盯着电脑屏幕,不需要投入金钱购买装备,不需要绞尽脑汁获得胜利。虽然谈不上爱它,但自己不介意用它来打发时间。

 

  这其中,却折射出另一个问题,碎片化时间里的点滴空闲时间太过短暂,游戏的流行时间也十分短暂,这样的游戏很难象APP 游戏那样靠买装备来获得收益。对此,游戏公司也十分无奈。成功推出了现象级小游戏《打企鹅》的广州百田就将其开发H5 游戏的主要目的定位为孵化和积累,目前并没有找到赢利点,仅仅是积累用户的阶段。

 

  通过植入广告赚快钱,或许是当前唯一的选择。有报道称,《围住神经猫》就接入了腾讯的广点通广告。据搜狐IT 报道, “神经猫”在巅峰时期的收入最高可达每日百万元。同时也有业内人士表示,即使是专注山寨H5 小游戏也能赚钱,只要保证产品能有百万访问量,几天下来赚个十几万元是没问题的。

 

  但要获得百万访问量,从越来越多的H5 小游戏中脱颖而出也非易事。9G 游戏创始人黄加阳就认为,时下每100 款游戏, 才能出现1 款现象级游戏。而业内人士则指出,随着H5 游戏的海量爆发,爆发率将会更低,而且仅仅靠爆发那几天时间里的广告收益,也不是长久之计。

 

  H5 技术不断发展

 

  不过,目前的“ 瓶颈” 不能挡住H5 技术的“光芒”。对比两组数据不难发现,2013 年,在微信朋友圈中蹿红的H5 小游戏除了腾讯自身几款外,就只有《疯狂猜图》,在火爆的那一周,日增用户最高峰值也只是30 万;而在2014 年,仅7、8 月间,《全民寻找房祖名》2 天内被玩了6000 万次。《看你有多色》上线2 日用户数达3000 万,《围住神经猫》更创造了3 天500 万用户和1 亿访问量的奇迹。

 

  前者需要你另外下载APP 才能玩,这个过程中会流失许多用户;而后者,你只要点开朋友圈的分享,就能通过浏览器在网页上玩。在网页上直接玩,其实恰恰是神经猫们成功的关键。这些都是基于H5 技术的网页小游戏。

 

  H5 是用于取代1999 年制定的 HTML 4.01 和 XHTML 1.0 标准的 HTML 标准版本,现在仍处于发展阶段,但大部分浏览器已经支持某些H5 技术。H5 有两大特点:首先,强化了 Web 网页的表现性能。其次,追加了本地数据库等 Web 应用的功能。简单来说,它能在移动端做出Flash 做不出的动画效果,即H5 就是移动端的Web 页面。但如果仅仅将H5 看作是替代Flash 的一个技术,就过于低估了其真正的能力。

 

  乔布斯2010 年在加利福尼亚州库比蒂诺总部的公司会议上说,“没有人愿意使用Flash,全球已经开始步入H5 时代。”

 

  那对于开发者来说,H5 与Native APP 相比有如下7 大优点:开发成本低,仅为APP 的1/5 甚至1/10;免适配、跨平台;维护方便、不用升级;互动性强,便于产品的快速迭代;无安装门槛,推广成本低;便于积累经验和数据;可将轻应用放置在手机桌面,有效提高活跃度。

 

  轻应用无限可能

 

  在业内,对于H5 游戏的未来,观点已经趋于一致。而同时,另一种赢利形态也在悄然出现。只是不属于游戏公司,而是企业级的网络营销。

 

  比如,健康元药业就将测年龄测美貌的APP 游戏《神奇魔镜》优化成H5 游戏,并通过自己的微信公众号,号召粉丝进行游戏,从而形成品牌传播,而诸如《疯狂猜图》这样的游戏,亦可依样画葫芦,为企业的移动社交口碑营造创造无形的口碑效应。

 

  再如,但从现在的发展看来,新闻门户的“H5”化是毫无悬念的。这一次,搜狐跑在了四大门户的最前面。按搜狐官方的说法,这是“为高端手机用户提供更好的产品体验”。事实上,手机腾讯网和百度WAP 端已经实现了部分H5 化,但都没有像搜狐一样彻底推出H5 的全站新版。

 

  又如,以音乐产业为例,大众通过智能手机终端收听音乐已成为主流趋势。中国移动咪咕音乐也于近期率先推出了基于H5 技术进行改版的触屏版手机门户网站。自5 月初上线以来,新触屏版日均访问用户数达50 万,访问页面数较改版前提升74.6%,用户使用度显著提升。咪咕音乐相关负责人表示,WebApp不仅弥补了传统APP 的缺陷,并且自身优势明显。

 

  随着下一代协议标准HTML5 的推出与普及,基于浏览器的WebApp有望在未来与客户端APP 形成新的竞争局面,成为移动互联网主流的应用模式。


复制链接 网友评论 收藏本文 关闭此页
上一条: 有人预测H5或成为未来应用的核心  下一条: HTML5 声明兼容IE的写法
夜鹰教程网成立于2008年,目前已经运营了将近 13 年,发布了大量关于 html5/css3/C#/asp.net/java/python/nodejs/mongodb/sql server/android/javascript/mysql/mvc/easyui/vue/echarts原创教程。 我们一直都在坚持的是:认证负责、一丝不苟、以工匠的精神来打磨每一套教程,让读者感受到作者的用心。我们默默投入的时间,确保每一套教程都是一件作品,而不是呆板的文字和视频! 目前我们推出在线辅导班试运营,模式为一对一辅导,教学工具为QQ。我们的辅导学科包括 java 、android原生开发、webapp开发、商城开发、C#和asp.net开发,winform和物联网开发、web前端开发,但不仅限于此。 普通班针对的是国内学员,例如想打好基础的大学生、想转行的有志青年、想深入学习的程序员、想开发软件的初学者或者业余爱好者等。 就业办针对即将毕业上岗的大四学生,或者打算转行的初级开发工程师。 留学生班针对的是在欧美、加拿大、澳洲、日本、韩国、新加坡等地留学的中国学子,目的是让大家熟练地掌握编程技能,按时完成老师布置的作业,并能顺利地通过考试。 详细咨询QQ:1416759661   夜鹰教程网  基于角色的权限管理系统(c-s/b-s)。
  夜鹰教程网  基于nodejs的聊天室开发视频教程
  夜鹰教程网  Git分布式版本管理视频教程
  夜鹰教程网  MVC+EasyUI视频教程
  夜鹰教程网  在线考试系统视频教程
  夜鹰教程网  MongoDB视频教程。
  夜鹰教程网 Canvas视频教程
  夜鹰教程网 报表开发视频教程
  推荐教程/优惠活动

  热门服务/教程目录

  夜鹰教程网  新手必看,详细又全面。
  夜鹰教程网  购买教程  夜鹰教程网  在线支付-方便
  夜鹰教程网  担保交易-快捷安全   夜鹰教程网  闪电发货
  夜鹰教程网  电话和QQ随时可以联系我们。
  夜鹰教程网 不会的功能都可以找我们,按工作量收费。

客服电话:153 9760 0032

购买教程QQ:1416759661  
  热点推荐
什么是css框架
meta标签实现页面的动感效果
CSS半透明滤镜在FIREFOX和IE下面的…
div+css鼠标悬停在div上,div背景色…
纯css下拉菜单特效
div+css的浏览器兼容问题
CSS定义表格线为单一线
CSS滤镜效果收集(全)
列表显示文字和图片垂直居中对齐
在固定位置显示背景图片
网站变换图片的显示方法
在select外面套一个div或span, se…
常用的CSS命名规则
闪字闪字闪字闪字闪字闪字闪字闪字…
css让图片自动适应表格大小
  尊贵服务
夜鹰教程网 承接业务:软件开发 网站开发 网页设计 .Net+C#+VS2008+MSsql+Jquery+ExtJs全套高清完整版视频教程
  最近更新
HTTP协议实现文件断点续传
H5实现断点上传
行内元素和块级元素汇总
H5视频直播技术介绍
border-image详解
你必须知道的HTML5的新特性
html5 js控制音乐播放
HTML+CSS代码规范
css3学习笔记 transition与animat…
css3学习笔记Transform
css3学习笔记2D或3D转换
css3学习笔记文本特效
css3学习笔记颜色和透明度
css3学习笔记二
css3学习笔记一
  工具下载  需要远程协助? 

sql2008视频教程 c#视频教程

VIP服务:如果您的某个功能不会做,可以加我们QQ,给你做DEMO!

JQUERY  Asp.net教程

MVC视频教程  vs2012
.NET+sql开发
手机:15397600032 C#视频教程下载
微信小程序 vue.js高级实例视频教程

教程咨询QQ:1416759661


这篇文章不能解决你的问题?我们还有相关视频教程云课堂 全套前端开发工程师培训课程

微信号:yyjcw10000 QQ:1416759661  远程协助需要加QQ!

业务范围:视频教程|程序开发|在线解答|Demo制作|远程调试| 点击查看相关的视频教程

技术范围:全端开发/前端开发/webapp/web服务/接口开发/单片机/C#/java/node/sql server/mysql/mongodb/android/。 



关于我们 | 购买教程 | 网站建设 | 技术辅导 | 常见问题 | 联系我们 | 友情链接

夜鹰教程网 版权所有 www.yyjcw.com All rights reserved 备案号:蜀ICP备08011740号3