人类:开天辟地
Go to file
2024-12-26 18:16:59 +08:00
.github/workflows feat: baseURL改为 ./ 2024-05-12 20:55:12 +08:00
.vscode init 2022-11-13 18:02:05 +08:00
public refactor: 开头剧情 2024-12-09 23:33:25 +08:00
script fix: 构建过程去除terser 2024-11-06 14:53:54 +08:00
src feat: 圆角矩形接口 2024-12-26 18:16:59 +08:00
.gitignore fix: ignore user.ts 2024-04-26 19:02:47 +08:00
.prettierignore feat: 新建最后一区 2024-10-01 10:35:27 +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 fix: 杀戮光环 & feat: 注册新图块 2024-04-26 21:24:12 +08:00
idea.md fix: 特殊战在缩放后会丢失危险提示 2024-11-23 12:05:45 +08:00
index.html refactor: 完全修改dom结构 2024-11-19 22:28:48 +08:00
LICENSE feat: change license 2024-08-18 21:10:07 +08:00
mota.config.ts 修改打包 2023-06-25 11:05:45 +08:00
package.json feat: Text Content 2024-12-21 23:27:52 +08:00
pnpm-lock.yaml feat: Text Content 2024-12-21 23:27:52 +08:00
README.md 加载资源初步 2023-06-07 18:17:45 +08:00
tsconfig.json fix: build 2024-09-30 10:24:48 +08:00
tsconfig.node.json refactor: 继续删除一些无用的东西 2024-10-04 12:06:43 +08:00
update_record.md readme.md与更新记录 2023-04-27 17:58:58 +08:00
vite.config.ts feat: Icon元素框架 & animate元素名称冲突 2024-11-27 22:01:22 +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