如何制作H5游戏

2020.04.09 -

   

什么是H5游戏

它是HTML5游戏的简称。 什么是HTML5

HTML5有一个官方定义,它只是HTML的最新版本(全世界用于构建网站的标记语言)的代表,而更炒作的定义(大多数人在提到HTML5时会理解的定义)就是所有这些。过去几年中出现的网络技术的“ 新”功能(JavaScript API,例如Canvas或WebAudio,语义HTML标记等)。

为了我们的目的,我们将使用两者中的一些。HTML5是最新版本的HTML,其中包括许多很酷的功能,这些功能使Web技术成为一种开放标准,并结合了HTML,CSS和JavaScript,无穷无尽。

拥有HTML以及除制作简单网站之外的所有这些超级功能,我们可以制作游戏。这些是HTML5游戏

HTML5 GAME

建筑模块

HTML5游戏的最基本构建块是网络构建块:

  • 的HTML
  • 的CSS
  • 的JavaScript

与HTML5相似,当人们谈论CSS3时,他们通常是指CSS最新规范附带的新事物,但以类似的方式,CSS3只是最新的CSS。暂时忽略这些定义的语义并考虑这些术语的夸大版本,为了制作HTML5游戏,我们可能还需要:

  • HTML5(JavaScript API)
  • CSS3

借助以上内容,您可以制作出可以在移动设备和台式机上的现代Web浏览器上运行的出色游戏,但是某些游戏可能需要更多功能,因此您可以添加更多构建基块。

例如,您可能想制作3D游戏。如果是这种情况,那么还有WebGL,这是一个JavaScript API,可使用GPU来在浏览器上呈现2D和3D图形,从而提高性能。

服务器端

如果要让游戏远程保存数据,则需要游戏的服务器端。您可以使用任何服务器端语言来开发自己的后端,在这种情况下,您将需要一台服务器。

  • JavaScript (NodeJS)
  • PHP
  • Java
  • Python
  • Ruby

或者,您可以使用第三方后端即服务提供商(例如Firebase)。有些有免费版本供您使用,一旦超过某些限制,它们就会开始向您收费。这些提供商中有一些特别专注于游戏,而一些提供商则主要用于移动应用程序,但也可以用于游戏。

如何分发HTML5游戏

分发HTML5的最简单方法就是将其放在那里!通过构建为网站,您可以将其嵌入到页面中并发布。就这样

如果要通过专有平台分发它,则必须经历一个称为包装的过程。基本上,您要为要分发到的平台(iOS,Android等)创建一个本机应用程序,然后将您的游戏放入其中,以便该应用程序像网络浏览器一样“运行”您的游戏。

Phonegap是用于此目的的流行工具,它支持多个平台。它还使您可以访问更高级的电话API,例如,您可以从HTML5游戏访问电话联系人或日历。

对于Windows,Mac或Linux等台式机平台,有一个名为node webkit的工具,可用于包装这些平台的HTML5游戏。

HTML5游戏框架

大多数游戏都共享一些概念,包括精灵(代表敌人,玩家,游戏中的图形元素),场景或舞台,动画,声音,加载图形资产等概念。由于大多数游戏开发人员希望专注于他们的实际游戏和建议您使用HTML5游戏框架,而不要创建整个抽象层。

HTML5游戏框架和库,其中包含可用于创建自己的游戏的构建组件。这些库是由希望为HTML5 gamedev环境做出贡献的人们创建和维护的开源项目。在许多情况下,他们创建了自己的游戏框架,并意识到其他人不仅希望使用它,而且还为此做出贡献后,将它们作为开放源代码发布,因此每个人都会取胜。

选择要使用的游戏引擎是一个重要的决定,因此请确保在进行选择之前进行适当的研究。无论您选择哪种引擎,如果要正确使用它们,都必须熟悉其代码和内部工作原理,因此不应将其视为黑匣子。

什么可以帮助您做出选择:

  • 您的游戏适用于台式机,移动版还是同时适用于两者?
  • 他们有活跃的社区吗?
  • 如今有很多人在使用该框架吗?
  • 是要维护它还是Github页面看起来像一个废弃的小镇?

有时候看真实的游戏可以给您带来更多的洞见,而不仅仅是文字。该项目通过在所有引擎中制作完全相同的Breakout游戏来比较不同引擎。

一些流行的免费框架是:

  • 移相器 –>当今最受欢迎
  • LimeJS
  • 昆图斯
  • CraftyJS
  • MelonJS
  • 小精灵
  • BabylonsJS –>用于3D渲染的WebGL框架

H5游戏相对于大型游戏来说开发相对来说要简单很多,但是其灵魂在于游戏创意。H5游戏在微信生态中非常流行,曾经的“跳一跳”风靡全国,甚至张小龙亲自站台。而如今虽然没有以前的热度,但仍然有巨大的商业价值在其中。

本站文章禁止转载,违者必究
阅 164
0

什么是H5游戏 它是HTML5游戏的简称。 什么是HTML5? HTML5有一个官方定义,它只是HTML的最新 […]

湘公网安备 43011102001693号

    湘ICP备19003021号-1