phaser web游戏开发入门简介

Phaser

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，跨平台的编辑器。

教程大纲：

万事开头难，你向前迈出的“黄金”一步

搭建神圣的舞台

该演员们出场了

演员的舞动

吃货登场

舞台剧的规划，游戏的逻辑

高身价的演员

解放双手，自由奔放的吃货

最终的截图：

游戏预览