P0ng基于Phaser的Pong克隆游戏

经典街机味儿的 Pong 游戏,用 phaser.io 写出来的这个克隆版还挺有意思。整体结构比较清晰,适合拿来练手或者当作小游戏框架的起点。依赖管理靠 npm,安装运行也不复杂。

代码目录层次蛮合理,开发环境一键启动,直接 npm run server:dev,马上就能跑起来,响应也快。发布也有打包命令,npm run build:dist,一条命令就能出发行包,省心。

整个游戏逻辑写得比较朴实,不绕弯子。Phaser 的使用也挺规范的,比如场景创建、精灵控制这些核心模块都分得清清楚楚。你要是正好在摸索 Phaser,可以顺着这套代码来学,效果直观。

不过要注意哦,这个项目没有太多注释,新手看得多花点时间理清逻辑。但也正好锻炼你读代码的能力。

如果你想搭个自己的小游戏,或者打算搞点交互小项目放作品集中,这套代码就挺适合的,改一改皮肤,换点音效,快就能出效果。

zip
p0ng-master.zip 预估大小:50个文件
folder
p0ng-master 文件夹
file
.gitattributes 2KB
file
screenshot.PNG 21KB
folder
src 文件夹
file
app.ts 2KB
folder
utils 文件夹
file
assetUtils.ts 8KB
file
utils.ts 6KB
folder
states 文件夹
file
pong.ts 9KB
file
boot.ts 3KB
file
preloader.ts 1KB
file
PongBaseState.ts 254B
folder
game-objects 文件夹
file
center-banner.ts 567B
file
ball.ts 939B
file
index.ts 168B
file
headline.ts 559B
file
menu.ts 2KB
file
score-board.ts 1KB
file
label-button.ts 824B
file
player.ts 887B
file
menu-headline.ts 567B
file
paddle.ts 1002B
file
assets.ts 6KB
file
globals.d.ts 305B
folder
interfaces 文件夹
file
pong-properties.ts 302B
folder
scripts 文件夹
file
packageElectronApp.js 1KB
file
setupGameSize.js 7KB
file
generateAssetsClass.js 23KB
file
tsconfig.json 460B
file
webpack.dev.config.js 3KB
file
LICENSE 1KB
folder
assets 文件夹
folder
spritesheets 文件夹
folder
.gitkeep 文件夹
folder
images 文件夹
file
background_template.png 5KB
folder
scripts 文件夹
folder
.gitkeep 文件夹
folder
atlases 文件夹
file
preload_sprites_array.json 456B
file
preload_sprites_array.png 10KB
folder
shaders 文件夹
folder
.gitkeep 文件夹
folder
fonts 文件夹
folder
.gitkeep 文件夹
folder
audiosprites 文件夹
folder
.gitkeep 文件夹
folder
audio 文件夹
folder
.gitkeep 文件夹
folder
assets_raw 文件夹
folder
images 文件夹
file
preload_bar.png 9KB
file
preload_frame.png 247B
file
pong-02.png 6KB
file
pong-05b.png 14KB
file
tslint.json 1007B
file
README.md 526B
file
webpack.dist.config.js 3KB
file
electron-main.js 3KB
file
.npmrc 16B
file
.editorconfig 245B
folder
templates 文件夹
file
index.ejs 542B
file
.gitignore 158B
file
package.json 2KB
zip 文件大小:88.2KB