p2h.cn始于05年,最早由来自腾讯,网易的前开发工程师,曾经为美的,格兰仕,电信,陆虎等企业提供过高品质psd转html解决方案。累计300多个客户至今,超过1000多个项目。

专注前端技术,关注用户体验
  • 2012年2月17日

Zynga如何向html5转型

psd转html(P2H.cn)  2月17日消息:Zynga是全球都享有知名的巨头游戏开发服务商,Zynga出了很多炙手可热的游戏,但是在html5的天下,Zynga应该如何圆滑的过渡,如何转型是我们非常关心的话题,下面我们来看看Zynga是如何转型到html5的。Zynga认为html5的优势远远好过了flash,因为无需插件的安装,更大的特点就是,html5的跨平台。所以Zynga对于html5的游戏开发,也是非常热衷的。目 前,Zynga共有Zynga Poker、FarmVille Express、Words With Friends和CityVille Express四款HTML5游戏。

近日,社交游戏巨头Zynga德国公司首席技术官Paul Bakaus(同时也是jQuery UI的创建者)接受了科技网站ReadWriteWeb的专访。结合此前Facebook和Zynga公司的一系列动作,让我们来看看,Zynga是如何 向HTML5转型,如果Facebook计划建设应用商店,那么又会使用什么样的技术标准。

游戏巨头的转变:Zynga如何走向HTML5

图:Zynga德国公司CTO Paul Bakaus

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

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

Zynga的HTML5理念

我 们设计的技术决定将会关系到游戏的每个开发者,所以我们真的希望能将做出来的游戏带给所有玩家。我不关心一个技术多么强大,我们只想做好现在做的事情。现 在专注于HTML5,因为它有很多优点是App和FLash无法做到的。比如跨平台这个特性,使得能够将游戏带给各个不同平台的玩家。平时你得安装App 到你的平板和手机上面,或者是在Web上加载游戏,有了HTML5,你可以跳过这些步骤,这难道不好么?

Zynga的HTML5产品 

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

游戏巨头的转变:Zynga如何走向HTML5

图:Zynga Poker

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

关于Paul Bakaus

首先,我是一个开发人员。我从一个UI开发人员 起步,多年前开始专注JavaScriot和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

图:Words With Friends

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

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

HTML5的游戏限制

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

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

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

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

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

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

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

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

另一大原因是,游戏在HTML5中不是预先渲染好的,HTML本身是一种极佳的渲染文档的语言。我们现在正在做什么呢?积极参与W3C厂商合作、与工程师合作、促进游戏开发规范。我发现很多开发者逃避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如何走向HTML5

图:Zynga Jukebox

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

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

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

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

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


欢迎转载,转载请注明来源:http://www.p2h.cn/zynga-how-html5-transition/

相关链接: