建站学习网,专业提供各类建站教程,网页素材,SEO资讯等建站资源!

网站模板_网站源码_网站素材_建站教程_建站学习网

当前位置:建站学习网 > 网页设计 > HTML5教程 >

Zynga如何走向HTML5

更新时间:2017-04-12整理编辑:建站学习网阅读:0

   众所周知,Facebook一直在努力推进HTML5的发展,开源JSgamebench工具,首席技术官Bret Taylor也多次提到HTML5的重要性。甚至还有传闻说,可能将其所有智能手机应用程序进行重新编写,将这些应用变成采用更统一的HTML5编写、能在所有智能设备中使用的程序。

  而实际上,Zynga德国公司堪称HTML5发展和创新思维的真正领导者,Paul Bakaus在新游戏大会(New Game Conference)上奉劝游戏开发者转投HTML5开发,“HTML5是游戏产业的未来“。当然他同时也承认,HTML5游戏目前的音效很糟,而他们正需要利用音效来制造丰富的游戏互动体验,除此之外,不同设备之间也存在多种问题,例如iPhone一次只能播放一种音效。

  Zynga的HTML5产品

  目前,Zynga共有Zynga Poker、FarmVille Express、Words With Friends和CityVille Express四款HTML5游戏。公司认为,这些游戏完全可以媲美本地应用,“利用HTML5工具,比如WebSockets和CSS3可以很好的完成流畅的动画,实现无缝的游戏体验而不须等待加载。“

  Zynga对于的HTML5的贡献不仅仅是在游戏上。其开放的源代码库,包括ZyngaJukebox帮助游戏开发商解决HTML5多音轨的局限性,Zynga Viewporter则极大的简化了手机浏览器窗口大小,Zynga Scroller很好的解决了HTML5无缝滑动时遇到的问题。Bakaus希望有一天HTML5也能实现Path一样的无缝滑动效果。下面,我们来看看的专访内容:

  关于Paul Bakaus

  首先,我是一个开发人员。我从一个UI开发人员起步,多年前开始专注JavaScript和UI,之后我加入jQuery的团队,并成为jQuery UI的创建者。后来John Resig指引我给jQuery做UI,通过参与jQuery的开发我了解了很多jQuery UI的知识,一步步的学习JavaScript的原理、如何使用网页标签,如何优化等等。之后还去日本,做过一些Flash迁移JavasScript应用的客户项目。2010年,我和一个朋友为了开发HTML5游戏开始了Dextrose。

  当时我们打算创造一个完全成熟的HTML5游戏社区,但我们意识到技术共享是个大问题。所以我们开始建设一个HTML5引擎的原型,也就是Aves Engine,展示如何用HTML5开发游戏。我们把视频上传到YouTube,引发了很多的讨论。当时作为第一实际意义上的HTML游戏引擎,展示了许多未来在Web中可以呈现的内容。

  后来Zynga全面收购我们准备开发纯HTML5游戏,于是我们放弃原型,重新开始研究游戏系统解决方案。现在我们在德国建立了开发工作室,主要向开发者传播HTML5技术和开发新技术。这里的研究充满了乐趣。

  因为我们要做的是一个成熟的游戏引擎,因此过程充满挑战。并期待着尽快做出些内容来。

  Zynga的HTML5理念

  我们设计的技术决定将会关系到游戏的每个开发者,所以我们真的希望能将做出来的游戏带给所有玩家。我不关心一个技术多么强大,我们只想做好现在做的事情。现在专注于HTML5,因为它有很多优点是App和FLash无法做到的。比如跨平台这个特性,使得能够将游戏带给各个不同平台的玩家。

  平时你得安装App到你的平板和手机上面,或者是在Web上加载游戏,有了HTML5,你可以跳过这些步骤,这难道不好么?

  HTML5的游戏限制

  诚实的说,HTML在游戏中的表现也有局限性。首先,音频仍然是许多游戏开发者的麻烦。我不建议因为目前的市场份额状况而热衷于WebGL。3D游戏证实了这点,我认为WebGL规范并不能完美地支持3D。除此以外,尽管HTML5的某些细节还有些粗糙,因为它不是在游戏运行前预先生成的。但现在是开始开发HTML5游戏的时候了。我不认为任何人由于HTML5不够完善就不去开发HTML5的游戏,如果回想一下,人们第一次用Atari和Commodore 64做游戏的时候,有多少的限制,实际上大家在开发的过程中拿出了各种各样的创意。我们现在可以用HTML5做很多很多事情,我认为现在唯一的事情就是开发者用心于它、不要担心它的那些限制。

  什么原因导致开发者还不热衷于HTML5的开发

  我认为有几个原因。其中之一是传统的游戏设计师转行网页有一定的困难,因为它是一个完全不同的环境。在此之前,如果你曾经开发过Xbox游戏,不会有任何方案差异或平台差异,因为二者都有很多的跨平台代码。写一个完全不同的代码,一开始肯定会有心理变化。

  另一大原因是,游戏在HTML5中不是预先渲染好的,HTML本身是一种极佳的渲染文档的语言。我们现在正在做什么呢?积极参与W3C厂商合作、与工程师合作、促进游戏开发规范。我发现很多开发者逃避HTML5是因为它并非为游戏而设计的专门语言,我认为这是主要的原因。

  关于Zynga的应用程序商店和生态系统 - 是否计划做一个应用程序商店?

  抱歉,我不能披露太多与未来不久将发布的产品有关的信息。但是可以肯定的是现在正合适去给网页应用建立超炫的解决方案,就像Chrome应用商店一样。现在Mozilla有自己的网上应用商店,我很喜欢这些服务。

  我认为,如果给你一种方法去同时做两种事情,那将超级高效。你可能知道,Facebook本身就可以说是是一种应用平台,并提供非常好的生态环境,我看不懂为什么有一些HTML5工程师比较悲观。

  Facebook的“应用程序库“计划

  这取决于你怎么称呼这个应用仓库的,眼下Facebook已经推出了HTML5的移动版本,所以你可以在他们的HTML5版本上运行应用。但现在Facebook还没有入口接入应用,还仅仅是应用商店。

  Zynga将如何看待这些以HTML5为核心、依赖于Facebook的平台?如何增加辨识度和多样化?

  我并不认为这是个问题。这不是我们转变为HTML5技术的原因。不管你是做Flash,还是HTMl5,还是本地化应用,你都面临是否选择Facebook的问题。除此以外,我不会讨论有关Facebook的计划,因为我们和Facebook有很好的合作关系,并且我相信未来也会延续下去。

  我不认为这是问题,更不是我们转向HTML5的原因。无论你正在做的是Flash还是HTML5,或者本地化应用,都要选择是否使用Facebook。以外,我不能讨论与Facebook有关的计划。我们有很好的合作关系,相信未来也会一样。

  在HTML5游戏方面 Zynga下一步会做什么,2012的规划?

  我们会设计出很多花样,这是肯定的!遗憾的是,我不能披露太多信息。但是,你一定要关注我们的开源代码仓库。从技术角度来说,我们目前的游戏在github.com/zynga 的开源代码的相关技术指引着现在和未来游戏的方向。我们将会开源更多的游戏源代码,帮助游戏开发者。所以说,除了产品以外,2012将会有很多有趣的事情。

  我们已发布原型之一是Zynga Jukebox,这是一个我们在HTML5上的共享技术。这是一个很好的例子,我们已经在Words With Friend中使用它。如果你去Facebook体验一下基于HTML5的Words With Friend,会发现这是一个开源的产品。我知道我们的一些插件被广泛使用。这就是我们现在做的东西,简单来说,就是开发各种小组件。

  还有两个例子。Zynga Jukebox为游戏开发者解决HTML5音频的问题,Zynga Viewporter则给工程师们提供一些浏览和分辨率的解决方案。还有Zynga Scroller实现对滚动标签标记高亮和平滑滚动,像Path一样帅气。很多人说平滑的滚动效果比较难,我同意。但准确的说,我有信心做到在HTML5中使用Zynga Scroller实现同样的效果。这将带给我们以前仅能在本地app实现的更多可能。

  Zynga最想推荐或者是认为最好的开发HTML5游戏的工具是哪个?

  工具仍然是一个痛点,我现在也没什么好答案。目前还无法使用集成环境而是文档编辑器来开发。我们也有做一些工具,但我发现好像所有的HTML5游戏开发者都在使用编辑器做开发。开发环境工具厂商不知道开发者到底需要什么,导致了游戏开发者还得先想办法解决开发工具的问题。我认为开发环境工具是必须的。在这方面,我得到很多经验,比如Mobi Edge和Senchal。我每个月跟他们进行接触,了解发展方向。工程师们对于解决这个问题有很大的热情。我们现在距离解决这些问题还有距离,我不确定游戏工程师们最终会用什么方案,让我们慢慢看着吧。

  HTML5在浏览器和终端中的网页应用要达到本地app现在的状态,还需要多久?

  你知道吗?正式的说法一般是还有个一两年。这是比较正常的,因为规范需要很长一段时间达到W3C的水平,但是不影响任何人使用它,我相信如此。HTML5和人们的看法,不会受到CSS3和JavaScript,以及HTML的影响。

  我不认为在具体的某一天你可以说“史上第一个真正的HTML5应用出现了“,我认为现在就是开始的时候网络了。网络没有发布周期,而是不断成长的。我们已经看到当前的浏览器和浏览器的发展水平,供应商级别的更写迭代。所以,如果你关注Google Chrome和Firefox,就可以看到它们每周发布的周期,发现大家都在疯狂的修订版本。我认为Firefox 10和Chrome 16或17是伟大的产品,因为当你和工程师沟通之后,他们能在几周之内完成初版,过几个月就推广给用户使用,这在几年前是不可能的事情。

  所以,没有任何理由等待。你应该拥有一款每月更新,覆盖HTML5 75%以上特性的浏览器,尽早去接触每一个新特性。

本文网址:https://www.dedexuexi.com/wysj/html5/2826.html

本站部分文章搜集与网络,如有侵权请联系本站,转载请说明出处。

标签:前端
收藏此文 赞一下!() 打赏本站

如本文对您有帮助,就请建站学习网抽根烟吧!

支付宝打赏
微信打赏
关于display: box 和 box-flex
« 上一篇2017年04月12日
HTML5中drawImage用法分析
2017年04月12日下一篇 »
  • CSS代码鼠标经过图片变换图片的几种方法
    0阅读
    CSS代码鼠标经过图片变换图片方法如下:方法一:在css中,可以利用“:hover”选择器和“background-image”属性实现鼠标滑过改变图片效果,只需要给图片元素添加“图片元素:hover{background-image:url(新的图片路径);”样式即可。
  • 如何利用html+css设置菜单栏缓慢下拉效果?
    0阅读
    如何利用html+css设置菜单栏缓慢下拉效果?解决方法和相关代码分享如下:方法一:过渡(transition)对forum_box开启绝对定位(absolute),让里面的li从其父元素中脱离出去,不然会把之后的内容往右挤,并且设置overflow:hidden,设置高度为0,鼠标移入后再设置相应...
  • 纯css3实现下拉箭头、关闭按钮旋转效果
    0阅读
    说起css3的旋转效果,那就要说为什么不用js去实现,CSS3的动画效果,能够减少对JavaScript和Flash文件的HTTP请求这是原因之一。但是css3可能要求浏览器执行很多的工作来完成这个动画效果的渲染,这有可能导致浏览器响应缓慢,因此,在使用一些复杂的特效时,大家需要考虑清楚。不过这样的...
  • 使用HTML5的Canvas绘制曲线的简单方法
    0阅读
    Canvas2D自带的曲线方法 最近在研究3D柔体的计算,所以在狂补一些知识。经常会涉及到一些数值分析方面的东西,主要是曲线的各种插值算法。突然想起了Canvas2D本身也是可以绘制曲线的,使用
  • html两个文字之间有一个空格的解决办法
    0阅读
    碰到过这样一位朋友,在编写的html代码里面出现两个文字间有空格的情况,两个文字之间他没有加空格符,也没有代码。 这个情况在html编码使用不太多或不太熟练的情况下,很难找出问题。
 
QQ在线咨询
×
欢迎您登陆建站学习网
QQ一键登陆 建站学习网账号登录