#HTML5 Web App项目秀#国内首款大型HTML5页游《黎明帝国》开发背后

标签: 未分类 | 发表时间:2012-02-18 00:16 | 作者:djyang
出处:http://www.mhtml5.com

HTML5游戏《黎明帝国》,磊友科技打造, 官网试玩

正像游戏邦创始人郑金条在《程序员》杂志专栏文章中所说:“HTML5被整体市场所观望的除了技术标准和规范不够成熟外,最大的盼头就是出现一款重磅作品给市场打入强心剂,虽然磊友、Spil或Facebook在推动这个趋势,但都不如一款有说服力的游戏来得有价值。”

在 2月10日,国内HTML5技术先行者和推动者磊友科技(著名的HTML5研究小组的开创得到了该公司的直接大力支持)正式对外发布旗下首款基于 HTML5技术的大型网页游戏《黎明帝国》,这是一款战争策略类游戏,背景是中古世界,玩家需要需要争取资源、升级科技、经过运营和战争,最终获取遗落在 该世界的若干个神器。

HTML5作为一门新兴技术,很多业界同行在保持关注的同时,也犹豫于它的不少不成熟之处,在WebAppTrend关注的很多业界同行的微博中,经常有 是否应该采用的争议,产生不少口水仗,我们并不想在这里做具体分析,我们非常赞同盛大创新院高级研究员@大城小胖所说,“在html5尚未完全普成熟的今 天,@磊友科技 作为专业的html5游戏开发公司,一定比任何人都了解自己面临的挑战。他们也绝不会异想天开的指望自己的第一款html5网游就能大红大紫大赚。@黎明 帝国 的推出,不是一颗投向市场的炸弹,它更像是一封檄文,告诉世界:我们可以做到,也许还不够好,但会越来越好。”磊友不仅是第一个吃螃蟹的人,而且还是非常 乐于分享,乐于将探路遇到的教训和经验传达给业界的企业。

会上磊友CEO黄何、CTO赵斐以及两位游戏策划和工程师分享了《黎明帝国》背后的开发故事和心得,值得大家参考。

1.《黎明帝国》共研发历时8个月,大小2.6M左右,采用移动优先理念,优先考虑移动设备如手机和Pad等设备和移动场景下的使用。

2.HTML5技术主要用到Canvas、Websocket、离线存储等功能和特性,具体提报给Canvas来绘图、大大节省游戏体积;Websocket实现实时数据传送;离线存储,一次加载离线状态也可访问。

3.在《黎明帝国》开发之前,磊友已开发了数十个HTML5小游戏。

4. 很多人关注,Web App不像Native App有成熟的商业系统(Appstore和用户习惯),如何推广应用、获得用户?看看磊友的做法:1)官网在线即可注册游戏 2)在现有成熟的浏览器和社区应用上推广,如UC、欧朋、海豚浏览器,以及新浪微游戏。3)打包成Native App在各大商场下下载。真正实现跨平台接入。

5.磊友科技也在积累HTML5游戏开发工具和平台,未来将对外开发。此前磊友曾计划做HTML5游戏浏览器,CEO黄何谈到,之后,磊友将继续以提供HTML5内容和工具作为公司的主要方向。

6.现场提问中,很多人关注网络问题如流量和断网、硬件支持如耗电量、流畅度、浏览器支持等问题。(笔者认为这些都是可以改进的)。

还有更多的信息(HTML5的优势、磊友开发过程等)不如看下面的PPT:

相关 [html5 web app] 推荐:

Nokia Maps 正式推出 HTML5 web app 版

- - UNWIRE.HK 流動科技生活
看來近年寫程式的趨勢,已由以往的 native app,開始轉向採用 web app,因為後者始終不受平台限制,只要編寫一個支援 HTML-5 格式的 web app,就可以在 iPhone、iPad、Android 手機、平板、Windows Phone 手機、甚至在 Blackberry 平台的裝置上使用,對於研發程式的公司來說,確實是最具經濟效益的方法.

FT WebApp团队:如何打造一个FT风格的离线HTML5 web App

- - Web App Trend
为什么还有必要再写一个Offline HTML5 App指南. 现在已经有非常多的资源介绍如何写一个offline HTML5的网站了,但是仅仅让一个网站能够在离线情况下访问是远远不够的. 在这个指南中我们将搭建两个离线网站,用来向读者演示如何向一个已有的离线网站中增添功能,避免已有的用户觉得自己正在使用一个旧版本的网站.

#HTML5 Web App项目秀#国内首款大型HTML5页游《黎明帝国》开发背后

- - HTML5研究小组
HTML5游戏《黎明帝国》,磊友科技打造, 官网试玩. 正像游戏邦创始人郑金条在《程序员》杂志专栏文章中所说:“HTML5被整体市场所观望的除了技术标准和规范不够成熟外,最大的盼头就是出现一款重磅作品给市场打入强心剂,虽然磊友、Spil或Facebook在推动这个趋势,但都不如一款有说服力的游戏来得有价值.

创建Chrome Web app

- Hobbes - Marshal's Blog
编写了一个Chrome下使用的Web app. 点击这个应用,就可访问我的博客. 其实有它特殊的好处,直接访问网站,程序无法自动获取HTML5的权限,比如存储限制. 安装应用,相当于安装了一个配置文件,浏览器将打开必要的权限. 如果你也使用Chrome,可以通过这里下载安装. 开发这样的应用并不难,过程类似以前开发Chrome扩展(编写最简单的chrome扩展).

iOS Web App初步

- - 新浪UED
iOS Web App开发,配合HTML5,是目前比较热门的话题. 今天,先抛开HTML5,我们来尝试在PhoneGap框架上进行简单的开发. PhoneGap是一个使用HTML,CSS和JavaScript的,创建移动跨平台移动应用程序的快速开发平台. 它使开发者能够利用iPhone,Android,Palm,Symbian,WP7,Bada和Blackberry等智能手机的核心功能——包括地理定位,加速器,联系人,声音和振动等,此外PhoneGap拥有丰富的插件,可以以此扩展无限的功能.

【HTML5】Web Storage简析

- - 博客园_首页
什么是Web Storage. web storage是HTML5规范中提出的一种本地存储解决方案. 在这之前,我们在开发中遇到本地存储问题时,通常有两种解决方式. cookie:兼容性最好,但也有不少问题,下面会简单做下对比. 各浏览器实现的非标准化的本地存储方案,如IE的userData,firefox的global storage等,毫无疑问,最大的问题是兼容性.

Web App和Native App 谁将是未来

- - 互联网旁观者
未来是Web App的天下,还是Native App的天下. 作为设计师,我们是应该努力把客户端的体验提升到最优,还是在网页应用层面上做更多的设计. 那么,我们首先应该立体的认识一下Web App和Native App. Web 无需安装,对设备碎片化的适应能力优于App,它只需要通过XHTML、CSS和JavaScript就可以在任意移动浏览器中执行.

Web app设计浅谈

- Jason - 网易用户体验设计中心博客
HTML5技术的强势发展,为互联网带来的最大改变就是: web从“已死”的预言中回过头来给Native app一记沉重的回马枪,web app成为举世瞩目的明星开始走在各大公司研发的时刻表中. Google 、微软、苹果三大巨头紧锣密鼓地在web app的研发产品领域圈地设岗,并试图建立以自己为中心的”云“服务平台,企图在web app时代到来的时候充当霸主.