人类:开天辟地
Go to file
2023-11-12 18:48:42 +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 refactor: fixedUi迁移 2023-11-08 19:50:11 +08:00
script feat: 构建报错处理 2023-10-21 22:01:06 +08:00
src feat: 自定义设置值修改组件 2023-11-12 18:48:42 +08:00
.gitignore feat: todo++ 2023-09-29 21:42:16 +08:00
.prettierignore 事件中的强制战斗 2023-07-30 17:04:52 +08:00
.prettierrc fix: prettier格式化会将光标移至文件末尾 2023-10-13 21:28:37 +08:00
babel.config.json 更新地图,配置插件 2023-02-27 20:39:59 +08:00
components.d.ts 重构设置模块 2023-08-05 12:12:02 +08:00
idea.md refactor: fixedUi迁移 2023-11-08 19:50:11 +08:00
index.html 修改字体大小 2023-08-06 17:46:29 +08:00
LICENSE Create LICENSE 2023-02-10 16:40:39 +08:00
mota.config.ts 修改打包 2023-06-25 11:05:45 +08:00
package.json feat: add vueuse 2023-09-30 11:04:57 +08:00
pnpm-lock.yaml feat: add vueuse 2023-09-30 11:04:57 +08:00
README.md 加载资源初步 2023-06-07 18:17:45 +08:00
tsconfig.json refactor: 添加路径别名 2023-10-22 12:05:06 +08:00
tsconfig.node.json 重写资源分离 2023-06-20 22:35:51 +08:00
update_record.md readme.md与更新记录 2023-04-27 17:58:58 +08:00
vite.config.ts refactor: 添加路径别名 2023-10-22 12:05:06 +08:00

魔塔 人类:开天辟地

游戏地址:https://h5mota.com/tower/?name=HumanBreak

项目结构

public: mota-js 样板所在目录,该塔对样板的目录进行了一定的魔改,其中插件全部移动到src/plugin/game文件夹中,并使用了es模块化

src: 游戏除样板核心代码外所有内容所在目录,所有内容支持typescript。其中包含以下内容:

  1. core: 游戏除样板外的的核心代码,包括加载和一些基础功能等
  2. plugin: 所有相关插件的源码,其中包含多个文件夹,内有不同的内容,其中game文件夹与游戏进程有关,不能涉及domnode无法运行的操作,否则录像验证会报错
  3. ui: 所有 ui 的 vue 源码
  4. panel: ui 中用到的部分面板
  5. components: 所有 ui 的通用组件
  6. data: 数据文件,包含百科全书的内容、成就的内容等
  7. fonts: ui 中用到的字体文件
  8. types: mota-js 的类型声明文件
  9. source: mota-js 的图块等资源的类型声明文件,会通过热重载更新
  10. initPlugin.ts: 所有插件的入口文件
  11. main.ts: 主入口,会将App.vueApp2.vue渲染到 html 上

script: 在构建、发布等操作时会用到的 node 脚本

vite.config.ts: vite的配置文件

mota.config.ts: 魔塔配置文件

开发说明

  1. 首先请确保你安装了node.jspnpm
  2. 将项目拉到你的设备上
  3. 运行pnpm i以安装所有依赖包
  4. 在根目录运行pnpm run dev以启动vite服务和样板的http服务与热重载服务
  5. 打开vite提供的网址即可进入游戏
  6. 打开样板服务提供的网址即可进入编辑器

构建说明

  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 terserbabel压缩插件与main.js

热重载说明

支持以下内容的热重载:

  1. vite热重载
  2. 楼层热重载
  3. 脚本编辑热重载
  4. 道具、怪物、图块属性热重载
  5. styles.css

以下内容修改后会自动刷新页面

  1. vite提供的自动刷新页面
  2. 全塔属性
  3. libs/下的文件
  4. main.js