Zynga如何走向HTML5

   众所周知,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 三联

  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%以上特性的浏览器,尽早去接触每一个新特性。

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

Js正则表达式过滤特殊字符、表情的实例代码: let ret = "12312ffds#¥@¥#%^***(()))*)).`@%@¥@¥", val = this.customDeviceName;//特殊字符过滤let pattern = new RegExp("[`~!@#$^*()=|{}':;',\\[\\]./?~!@#¥……*()——|{}【】‘;:”“'。,、?]
1、htmlshiv.js Remy开发的HTML5shiv工具能利用JavaScript在老式IE里创建main,header,footer等HTML5元素。也就是说使用JavaScript能创建这些本来不存在的HTML5新元素。这是什么原理?你可能花几天也想不明白,但谁在意呢!这个脚本几乎是所有正式网站必用
HTML5 火的正热,最近有个想法也是要用到HTML的相关功能,所以也要好好学习一把。 好好看了一下Canvas的功能,感觉HTML5在客户端交互的功能性越来越强了,今天看了一下Canvas绘图,下边是几个实例,记下以备后用。 1、使用Canvas绘制直线: !doctype html ht
响应式布局,理想状态是,对PC/移动各种终端进行响应。媒体查询的支持程度是IE9+以及其他现代的浏览器,但是IE8在市场当中仍然占据了比较大量的市场份额,使我们不得不进行IE低端浏览器的考虑。那么如何在IE6~8浏览器中兼容响应式布局呢?这里我们需要借助这
近日,微软宣布开源Chakra的核心组件。Chakra是微软新一代浏览器 Microsoft Edge的JavaScript引擎。相关代码将于2016年1月上传到微软的GitHub账号,项目名称为 ChakraCore,遵循MIT许可协议。 ...,HTML5中国,中国最大的HTML5中文门户。
这篇文章报道的不是“新闻”,因为W3C早已开始着手CSS变量方面的工作。至于Google,则要追溯到11月初,当时该公司主要开发人员之一的Addy Osmani宣布了率先在Chrome Canary中引入对CSS变量的支持。 ...,HTML5中国,中国最大的HTML5中文门户。