Phaser是一個簡單，有趣，免費開源的HTML5游戲框架，同時支持Canvas和WebGL。就像是Phaser官方描述自己一樣，使用Phaser引擎來開發(fā)游戲非常簡單而且充滿樂趣。
為什么是HTML5游戲？回答同樣簡單有力：跨平臺。任何支持多數(shù)web標(biāo)準(zhǔn)功能的瀏覽器或是瀏覽器控件都可以打開游戲。也就是說，你開發(fā)了一個web游戲，那么使用android、蘋果、wp手機都可以玩你的游戲，其它的比如之前Ubuntu開發(fā)的手機、平板系統(tǒng)都可以，甚至連智能電視都可以，只要它支持大多數(shù)的web標(biāo)準(zhǔn)。你需要做的只是打包一下你的游戲成相關(guān)平臺的安裝包就可以了。
需要什么樣的技術(shù)前提？需要了解JavaScript的語句、聲明、表達(dá)式、運算符和一些常用的內(nèi)置對象?？赡苡械呐笥堰€不具備這些需求，如果了解基礎(chǔ)的語法，可以去這里查詢Javascript文檔。當(dāng)你寫完游戲之后回過頭來重申你這個“創(chuàng)作”的過程，你就會發(fā)現(xiàn)，web游戲開發(fā)真的很簡單，你需要的只是多練習(xí)。至于JavaScript這門語言，有前面提到的這個參考文檔就足夠了。后續(xù)的進(jìn)階教程里會有TypeScript和ES6版本，不明白這兩個術(shù)語就先跳過，沒有影響。
什么是游戲引擎？我們先來對web游戲開發(fā)進(jìn)行一個簡介，讓讀者朋友們明白一個游戲開發(fā)有那些要素。一個游戲引擎就是一套方便用戶開發(fā)游戲的工具，提供了非常方便的功能，通常來說，游戲引擎越容易上手，那么用戶開發(fā)就越簡單、方便，甚至可以說是一種享受。如果讀者朋友們對web游戲開發(fā)有興趣，請跟著我們的教程走吧，讀完教程后，你也可以使用這個引擎開發(fā)游戲了。
一個游戲需要包含哪些要素？簡單來說：1、需要一個舞臺，即大家眼睛可以看到的東西；2、需要演員，即游戲的元素內(nèi)容。用這個引擎來回答主要就是這兩個東西：State（舞臺），Sprite（精靈），還有聲音、文字等等，都屬于游戲元素。
需要的開發(fā)工具是什么？vscode，跨平臺的編輯器。
教程大綱：
最終的截圖：
