Phaser是一个简单,有趣,免费开源的HTML5游戏框架,同时支持Canvas和WebGL。就像是Phaser官方描述自己一样,使用Phaser引擎来开发游戏非常简单而且充满乐趣。
为什么是HTML5游戏?回答同样简单有力:跨平台。任何支持多数web标准功能的浏览器或是浏览器控件都可以打开游戏。也就是说,你开发了一个web游戏,那么使用android、苹果、wp手机都可以玩你的游戏,其它的比如之前Ubuntu开发的手机、平板系统都可以,甚至连智能电视都可以,只要它支持大多数的web标准。你需要做的只是打包一下你的游戏成相关平台的安装包就可以了。
需要什么样的技术前提?需要了解JavaScript的语句、声明、表达式、运算符和一些常用的内置对象。可能有的朋友还不具备这些需求,如果了解基础的语法,可以去这里查询Javascript文档。当你写完游戏之后回过头来重申你这个“创作”的过程,你就会发现,web游戏开发真的很简单,你需要的只是多练习。至于JavaScript这门语言,有前面提到的这个参考文档就足够了。后续的进阶教程里会有TypeScript和ES6版本,不明白这两个术语就先跳过,没有影响。
什么是游戏引擎?我们先来对web游戏开发进行一个简介,让读者朋友们明白一个游戏开发有那些要素。一个游戏引擎就是一套方便用户开发游戏的工具,提供了非常方便的功能,通常来说,游戏引擎越容易上手,那么用户开发就越简单、方便,甚至可以说是一种享受。如果读者朋友们对web游戏开发有兴趣,请跟着我们的教程走吧,读完教程后,你也可以使用这个引擎开发游戏了。
一个游戏需要包含哪些要素?简单来说:1、需要一个舞台,即大家眼睛可以看到的东西;2、需要演员,即游戏的元素内容。用这个引擎来回答主要就是这两个东西:State(舞台),Sprite(精灵),还有声音、文字等等,都属于游戏元素。
需要的开发工具是什么?vscode,跨平台的编辑器。
教程大纲:
最终的截图: