# phaser3-magic-tower

**Repository Path**: trf/phaser3-magic-tower

## Basic Information

- **Project Name**: phaser3-magic-tower
- **Description**: 基于phaser3实现的魔塔小游戏
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2021-09-25
- **Last Updated**: 2021-09-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 魔塔小游戏

魔塔小游戏.

- 基于 phaser3 实现，采用 [phaser3-project-template](https://github.com/photonstorm/phaser3-project-template) 初始化项目。
- 采用 Tiled map editor 制作地图, 其导出的地图格式为 json. 其官网地址: <https://www.mapeditor.org/> 其 Github 地址: <https://github.com/mapeditor/tiled>

![游戏主界面](./doc/picture/game.png)

## 运行

| 命令            | 描述                 |
| --------------- | -------------------- |
| `npm install`   | 安装项目依赖         |
| `npm start`     | 构建项目以及运行项目 |
| `npm run build` | 生成文件用于线上部署 |

## 参考文档

加载 json 地图示例：

- <https://phaser.io/examples/v3/view/tilemap/tiled-json-map>

播放音乐示例:

- <https://phaser.io/examples/v3/view/audio/web-audio/play-sound-on-keypress>
- <https://phaser.io/examples/v3/view/loader/audio/load-html5-audio>

场景变换示例(可以用来实现地图切换)：

- <https://phaser.io/examples/v3/view/scenes/changing-scene>

移动示例：

- <https://phaser.io/examples/v3/view/tilemap/grid-movement>

定时刷新示例：

- <https://phaser.io/examples/v3/view/time/looped-event>

显示文字示例：

- <https://phaser.io/examples/v3/view/display/masks/bitmap-mask-text-masking-text>

数据更新显示：

- <https://phaser.io/examples/v3/view/tweens/update-to>

动画显示示例：

- <http://phaser.io/examples/v3/view/animation/create-animation-without-frame-names>

从对象创建图层示例：

- <https://phaser.io/examples/v3/view/tilemap/create-from-objects>

弹出对话示例：

- <https://phaser.io/examples/v3/view/game-objects/text/speech-bubble>

Audio API：

- <https://rexrainbow.github.io/phaser3-rex-notes/docs/site/audio/>

## 项目开发中遇到的问题

- 对象生命周期问题，不能随便添加到成员引用，会导致不能正确的释放.

- 重命名不完全，重命名时字符串拼接中的没更新，导致出现 bug. 对于已上线的大项目，且不是自己的代码，慎重重命名

- 代码格式问题. 采用 ESlint 自动格式化，确保代码风格一致.

- MarkDown 文档编写格式问题，采用 VS code mardownlint 插件.