mirror of
https://github.com/unanmed/HumanBreak.git
synced 2025-01-19 04:19:30 +08:00
67 lines
2.3 KiB
Markdown
67 lines
2.3 KiB
Markdown
# 魔塔 人类：开天辟地
|
||
|
||
游戏地址：https://h5mota.com/tower/?name=HumanBreak
|
||
|
||
## 项目结构
|
||
|
||
`public`: mota-js 样板所在目录，该塔对样板的目录进行了一定的魔改，其中插件全部移动到`project/plugin`文件夹中，并使用了`es模块化`
|
||
|
||
`src`: 与 ui、特效等与游戏进程无关的插件所在目录。其中包含以下内容：
|
||
|
||
1. `plugin`: 所有相关插件的源码，其中包含多个文件夹，内有不同的内容
|
||
2. `ui`: 所有 ui 的 vue 源码
|
||
3. `panel`: ui 中用到的部分面板
|
||
4. `components`: 所有 ui 的通用组件
|
||
5. `data`: 数据文件，包含百科全书的内容、成就的内容等
|
||
6. `fonts`: ui 中用到的字体文件
|
||
7. `types`: mota-js 的类型声明文件
|
||
8. `source`: mota-js 的图块等资源的类型声明文件，会通过热重载更新
|
||
9. `initPlugin.ts`: 所有插件的入口文件
|
||
10. `main.ts`: 主入口，会将`App.vue`与`App2.vue`渲染到 html 上
|
||
|
||
`script`: 在构建、发布等操作时会用到的 node 脚本
|
||
|
||
`vite.config.ts`: `vite`的配置文件
|
||
|
||
`mota.config.ts`: 魔塔配置文件
|
||
|
||
## 开发说明
|
||
|
||
1. 首先请确保你安装了`node.js`与`pnpm`
|
||
2. 将项目拉到你的设备上
|
||
3. 运行`pnpm i`以安装所有依赖包
|
||
4. 在`public`目录运行`node server.cjs`以启动样板热重载服务
|
||
5. 在根目录运行`pnpm run dev`以启动`vite`服务
|
||
6. 打开`vite`提供的网址即可进入游戏
|
||
7. 打开样板热重载服务提供的网址即可进入编辑器
|
||
|
||
## 构建说明
|
||
|
||
1. 运行`pnpm run build`以打包以`/games/HumanBreak/`为目录的构建包
|
||
2. 运行`pnpm run build-local`以打包以`/`为目录的本地构建包
|
||
3. 运行`pnpm run build-gh`以打包以`/HumanBreak/`为目录的可部署到`github pages`的构建包
|
||
|
||
### 构建流程
|
||
|
||
1. 运行`vue-tsc`检查类型是否正确
|
||
2. 运行`vite`的构建工具，打包除`public`外的内容
|
||
3. 运行`script/build.ts`，首先去除未使用的文件（即全塔属性中未注册的文件），然后压缩字体，再用`rollup`及`babel`压缩插件与`main.js`
|
||
|
||
## 热重载说明
|
||
|
||
支持一下内容的热重载：
|
||
|
||
1. `vite`热重载
|
||
2. 楼层热重载
|
||
3. 插件热重载
|
||
4. 脚本编辑热重载
|
||
5. 道具、怪物、图块属性热重载
|
||
6. styles.css
|
||
|
||
以下内容修改后会自动刷新页面
|
||
|
||
1. `vite`提供的自动刷新页面
|
||
2. 全塔属性
|
||
3. libs/下的文件
|
||
4. main.js
|