Phaser Webpack Babel样板项目

Phaser 的 Webpack+Babel 样板项目,整合得还挺舒服的。内置了 Phaser shim,能让你比较顺畅地把 Phaser 接进 Webpack 项目里,开发流程也丝滑:热更新、错误提示、源码映射一应俱全。

ES6写法也安排上了,搭配Babel直接上现代语法,代码更清爽。项目结构比较清晰,main.js里就是游戏的启动入口,GameScene也初始化好了,改改就能用。

你要是正好在用 Phaser 3 做小游戏,这套模版用起来还挺省事。适合做那种需要快速迭代的项目,改完代码不用重启,浏览器秒刷新,体验还挺爽。

建议配合以下文章看看,会更顺:

如果你已经用 Webpack 写前端一阵子了,想玩玩 Phaser,直接上这套就行,调试和结构都还比较顺手。

zip
phaser-webpack-babel-boilerplate-master.zip 预估大小:23个文件
folder
phaser-webpack-babel-boilerplate-master 文件夹
file
.gitignore 19B
file
README.md 324B
file
package.json 977B
folder
src 文件夹
file
Player.js 652B
file
Game.js 142B
file
index.js 240B
file
config.js 447B
folder
states 文件夹
file
update.js 133B
file
render.js 604B
file
preload.js 136B
file
create.js 311B
file
Play.js 4KB
file
Char.js 786B
file
index.html 666B
file
webpack.config.js 1KB
folder
assets 文件夹
folder
css 文件夹
file
style.css 37B
folder
maps 文件夹
file
1.json 50KB
folder
img 文件夹
file
terrain_atlas.png 328KB
file
dude.png 38KB
file
grass.png 5KB
file
walkingSwordMan.png 190KB
file
dude2.png 5KB
folder
js 文件夹
file
phaser-inspector.js 2.13MB
zip 文件大小:1.1MB