AncTe/HumanBreak
1
0
Fork 0
mirror of https://github.com/unanmed/HumanBreak.git synced 2025-01-18 11:59:26 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity
人类：开天辟地
184 Commits 10 Branches 0 Tags 173 MiB
JavaScript 77.5%
TypeScript 8.4%
Vue 6%
ANTLR 4.3%
CSS 2.2%
Other 1.5%
b2cb89a7f6
Go to file
unanmed b2cb89a7f6 优化use.ts的性能表现
2023-04-30 22:15:54 +08:00
.github/workflows 尝试修复gh-page构建报错 2023-04-17 22:06:47 +08:00
.vscode init 2022-11-13 18:02:05 +08:00
public 优化use.ts的性能表现 2023-04-30 22:15:54 +08:00
script 修复录像 2023-04-29 11:25:18 +08:00
src 优化use.ts的性能表现 2023-04-30 22:15:54 +08:00
.gitignore 修复录像，修复部分bug，彻底完工 2023-04-28 23:58:07 +08:00
.prettierignore 修复压缩报错 2023-04-29 08:49:08 +08:00
babel.config.json 更新地图，配置插件 2023-02-27 20:39:59 +08:00
components.d.ts 添加怪物手册的按键操作，增加提示，修复bug 2023-04-22 10:04:03 +08:00
idea.md 插件转为es模块 2023-04-16 17:05:47 +08:00
index.html 删除大量无用函数，优化结构 2023-02-26 22:37:14 +08:00
LICENSE Create LICENSE 2023-02-10 16:40:39 +08:00
mota.config.ts 怪物手册初步 2022-11-16 23:01:23 +08:00
package.json 开始造三区 2023-04-30 21:21:35 +08:00
pnpm-lock.yaml 更新库 2023-04-16 21:21:37 +08:00
README.md readme.md与更新记录 2023-04-27 17:58:58 +08:00
tsconfig.json init 2022-11-13 18:02:05 +08:00
tsconfig.node.json init 2022-11-13 18:02:05 +08:00
update_record.md readme.md与更新记录 2023-04-27 17:58:58 +08:00
vite.config.ts 修改打包信息 2023-02-21 20:21:46 +08:00

README.md

魔塔 人类：开天辟地

游戏地址：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