整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

2016年 HTML5 游戏开发现状

2016年 HTML5 游戏开发现状

文:http://zcfy.cc/article/1497

Andrzej Mazur 的客座文章

有人让我给 JS Kongress 大会写一篇 web 游戏开发的简短介绍, 在大会上我是编程委员会的成员,并且我打算成立一个 用 Phaser 开发 HTML5 游戏的工作室。我觉得从自己的角度回顾近几年来开发 HTML5 游戏是如何改变和演化的,是个不错的主意和机会。

技术的演进

我还记得四年前为 HTML5 是否已经适合开发游戏的演讲准备幻灯片,那时候还有一些问题需要考虑:糟糕的性能、没有稳定的盈利模式、离线问题、差劲的的音频,跟原生应用相比非常糟糕。从那以后已经改进了不少,但 HTML5 的核心优势还是一样的:

  • 你可以一处编译,到处部署,HTML5 游戏只需要一个较好的浏览器来跑——无论是什么操作系统或设备。可以是 Windows PC,Mac OS X 笔记本,Android 平板或 Firefox OS 智能手机。甚至可以是一台冰箱,只要它能运行浏览器。

  • 你通过访问 URL 地址就可以马上玩游戏。不用安装,不用插件,浏览器里立即可玩。

  • 已经有 无数的潜在开发人员 —— 我自己在决定专注游戏开发前就已经做了几年的前端开发。关于 JavaScript 的所有知识让你可以专注自己想做的事。不需要学习新的语言或者环境 —— 只用浏览器和文本编辑器,游戏就可以从头开发,因此门槛是相当低的。

技术已经准备好了。网页游戏通常用 Canvas 渲染,这些年它的性能已经大大提高了。所有的浏览器厂商都在尽力提供快速的渲染引擎。创建尖端的的游戏是促进 web 发展的动力之一。

如今 WebGL 已登上舞台,并且提供了更好的性能,这要感谢有硬件加速的显卡。这是个有趣的改变,从“你可以拿来做实验,但不要期望过高”和一些游戏如 Browser Quest 或者 HexGL 到“它可以应用在商业项目里”以及“一切皆有可能”和 Open Web Games测试套件里的诸如Heroes of Paragon这些标题。

简单地对比下我的第一款为小型智能手机打造的游戏 Captain Rogers: Asteroid Belt of Sirius 和为大型电视 优化的新版,你可以看到三年的时间可以改变什么。我很想知道基于 web 的游戏在未来三年或更长时间会是什么样。

工具和库

有很多框架和引擎可以选择: 想做 2D 游戏的开发者可以选择免费开源的 Phaser 或收费的 ImpactJS,那些更偏向设计游戏的人员可以使用 Construct 2 或 Game Maker,3D 游戏开发有 PlayCanvas 或 Babylon.js。当然,还有 更多的 有趣选择——这些只是其中比较流行的。游戏业界的大厂也慢慢地认可 HTML5 的未来了 —— Unity 和 Unreal 提供了利用 asm.js 导出游戏到 web 平台的能力,这创造了很多新的可能性。

除了引擎,还有很多有意思的编辑器、插件和其他工具,帮助你加快游戏开发速度。

你还可以用 CocoonJS 或 Intel XDK 这样的工具把游戏打包发布到原生应用市场如 AppStore 或 Google Play。再次说明——可以重用一份代码在各种平台和应用市场构建和发布。

社区在发展壮大。在 HTML5 游戏开发论坛上你随时可以找到帮助, 各种教程和文章数量多得令人发指。数不清的 竞赛强迫你在严格限定的时间内完成创作。 每周发布的 简报 让你随时掌握游戏开发的前线消息。如果在游戏开发生态系统里有什么缺失的东西,很可能有人会最终做出来。

未来

针对大型的商业项目,技术已经足够成熟。 Canvas 已经相当快,WebGL 支持情况在快速改善。 大型的 专业游戏引擎 如 Unreal 和 Unity 已经能够利用 asm.js 导出项目到 WebGL。先进的 Web 应用是游戏的完美方式。Web Assembly 是要寻找的东西。 WebVR将会是下一个大事件。

现在是深入游戏开发的最佳时间,市场在扩大,你依然可以参与其中。你要做的就是行动起来!

页小游戏的开发流程可以分为几个关键步骤。这只是一个一般性的流程概述,具体的步骤可能会根据项目的规模和要求而有所不同。此外,还要考虑法律和版权问题,确保你的游戏开发过程是合法的。下面是一个简要的概述,希望对大家有所帮助。北京木奇移动技术有限公司,专业的软件外包开发公司,欢迎交流合作。

1.明确游戏概念和目标:

定义游戏的基本玩法、目标和规则。

确定游戏的类型,例如益智、动作、模拟等。

2.设计游戏:

创建游戏设计文档,包括关卡设计、用户界面设计、角色设计等。

确定游戏的视觉风格和音乐效果。

3.选择开发工具和技术:

选择适当的开发工具和技术,例如HTML5、CSS、JavaScript等。

使用游戏引擎(如Phaser、Three.js等)简化开发流程。

4.编写代码:

开始实现游戏的基本框架和功能。

处理用户输入、游戏逻辑、碰撞检测等关键方面。

5.图形和音效资源:

获取或创建游戏所需的图形和音效资源。

优化资源以确保游戏加载和运行的效率。

6.测试和调试:

进行系统测试,检查游戏在不同浏览器和设备上的兼容性。

修复潜在的错误和改进游戏性。

7.优化性能:

优化代码和资源,以确保游戏在各种设备上都能够流畅运行。

考虑使用WebGL等技术提高图形性能。

8.移动端适配:

确保游戏在移动设备上的响应性和可玩性。

使用响应式设计或专门的移动端适配策略。

9.发布和推广:

部署游戏到一个Web服务器上。

宣传和推广游戏,可以通过社交媒体、游戏平台等渠道。

10.收集反馈:

收集玩家反馈,检查游戏的表现。

根据反馈进行更新和改进。

ichael Carter和他所创办的Weeby.co有一个梦想,他们想要解放游戏开发者的开发设备,直接把游戏开发的工作搬到云端,这个想法现在已经能实现了。

在他们位于山景城Castro大街的办公室里,Weeby.co团队正在研发基于云端的手游开发套件。它是基于云的集成开发环境,整合了游戏开发所需的图像和物理引擎,并嵌套了常用社交网络的插件和游戏对战功能。

据TechCrunch的报道,Weeby.co想缩短开发者开发手游的时间,开发者无需等待苹果繁琐的审核步骤,就能直接在HTML5上面部署游戏程序。在Michael Carter看来,HTML5游戏现在的功能和表现力已经与原生手游没有太大的区别了。

在Webby.co上开发的手游《Bubble Pang for Tango》

通过Weeby.co网站,你的手机本身也是一个开发环境,它能用来直接开发iOS上的原生手游,当然也可以开发Android上的原生手游。想象下你同时有两部手机,这时一台可以用来作开发机,另一台还能用来作为测试机。

也就是说,Weeby.co为开发者提供了一个很有潜力的集成开发环境。你无需重新配置任何东西,只要有可以联网的电脑或者移动设备,就能随时随地进行游戏的开发,并支持断点编程。Weeby.co支持所有主流的游戏引擎,并且能自定义各种所需要的开发组件。由于整套开发套件都存储在云端,游戏开发要比在XCode上更为轻便,还能节省不少时间。

Weeby.co集成开发环境演示

等开发者配置好游戏后,他可以选择直接发布他们的HTML手游,也能将它们转换成原生手游,提交到应用商店供玩家下载。无论开发者如何选择,Weeby.co都会为他们免费提供AWS的帐号存储服务,以及相关配置所需的控制台超链接。

然而,Weeby.co团队并不满足于只做一个云端的游戏开发环境,他们未来还想涉足游戏发行商的角色。他们想做一个游戏发行平台,未来能嵌套在微信等常用应用的内置浏览器中。Michael Carter介绍说:“我们有点像是Steam+Adobe的角色。我们想做一个随时随地可以开发应用和游戏的开发工具,它用起来会比XCode以及其他软件更快也更顺手。”

目前,所有的开发者都能免费使用他们的云端集成开发环境的服务,但Weeby.co与其他发行商合作的发行服务将作为一个增值功能。

Webby.co开发团队

未来,Webby.co还想让小朋友也能轻易上手写游戏代码。这个灵感最早来源于麻省理工学院媒体实验室(MIT’s Media Lab),这家实验室正在为小朋友开发一种可视化的编程语言Scratch,能让小朋友也成为独立游戏开发者,撰写他想要的游戏原型。