%20(2).svg)
项目简介
本项目是一个简单的合成大西瓜游戏，仅用于技术学习与娱乐。提供了快速魔改的方法，无需修改代码，修改配置即可，还配套改图工具，同时提供多种本地启动和上线发布方式。
项目的主要特性和功能
- 易于魔改：无需修改代码，修改配置即可实现多种功能的更改，如改分数、换图片、开启无敌模式等。
- 多方式启动：提供 serve 和 Docker 两种本地启动方式，满足不同用户需求。
安装使用步骤
本地启动
小白适用
- 安装 serve 工具：
bash npm i -g serve - 进入 daxigua 目录，运行 serve：
bash serve - 打开浏览器访问 localhost:5000 即可。
已安装 Docker
- 构建镜像
bash docker build -t daxigua-server . - 启动容器
bash docker run -d --name play-daxigua -p5000:5000 daxigua-server
快速魔改
- 改分数：改 extraSettings.js 文件。
- 改图片：替换 res/raw-assets 目录下指定目录的图片，必须同文件名、后缀、尺寸，成功覆盖可生效，可替换素材文档。
- 无敌模式：改 extraSettings.js 文件。
- 指定第一个水果：改 extraSettings.js 文件。
- 指定下次出现的水果：改 extraSettings.js 文件。
- 大水果合成小水果：改 extraSettings.js 文件。
- 让水果更 Q 弹：改 extraSettings.js 文件，原理参考。
- 水果下落速度减缓：改 extraSettings.js 文件，原理参考。
- 替换音乐：覆盖 res/raw-assets 目录下相同的音乐，可替换素材文档。
- 替换背景：和改图片原理相同，可替换素材文档。
- 去广告：将广告图片替换为同背景色底图。
- 替换广告链接：改 extraSettings.js 文件。
- 改网站标题：改 extraSettings.js 文件。
- 开启选分弹窗：改 extraSettings.js 文件。
- 点击右上方图标更换水果：改 extraSettings.js 文件。
上线发布
腾讯云一键部署
适用于会 fork 仓库、提交代码的同学。点击相关按钮，无需任何操作，即可部署仓库到腾讯云。若要替换为一键部署自己的仓库，要先 fork 仓库，本地修改后再提交到自己 fork 的仓库，最后把一键部署按钮仓库地址改为自己的仓库。
Vercel
适用于零基础的小白。操作简单、域名简短，但国外的服务器，比较慢。
先在命令行通过 npm 命令安装 Vercel：
npm install -g vercel
安装完成后，进入 index.html 所在目录（我的是 daxigua），使用 vercel 命令发布网站：
cd daxigua
vercel --prod
然后会让你输入一些选项，比如项目名称、是否和已有项目关联、是否保存当前配置等。如果要创建多个项目，不要和已有项目关联。发布成功，会得到一个网址，打开就可以看到游戏，还能分享给别人。
腾讯云静态网站托管
国内服务器，访问速度更快，且链接未被微信封杀。 地址：https://cloud.tencent.com/product/wh 可参照魔改和上线你的合成大西瓜，最全教程！尝试发布。
常见问题及解决
- 无法安装 serve 或者 Vercel：若报找不到 npm，先安装 npm。若安装中卡住，试着按下键盘，还不行就先用 npm 安装 cnpm（国内镜像，比较快）：
bash npm install cnpm -g --registry=https://registry.npm.taobao.org再用 cnpm 安装：cnpm i -g serve或cnpm i -g vercel - Vercel 网址被微信拦截：可把网址复制到浏览器打开，也可申请一个域名，在 Vercel 和服务提供商配置域名解析。Vercel 基本是海外的服务器，无需备案。
- 怎么在电脑上浏览网页游戏：在浏览器中，按 F12 打开开发者工具，点击像手机一样的图标即可。
- 为什么 serve 后，打开网页一片空白：大概率是在错误的目录下执行了 serve，请务必在 index.html 所在的文件夹下执行 serve。
- 执行 vercel 命令显示 signUp：要先去 Vercel 官网 注册。
- vercel 邮箱验证失败：先确认邮箱是否正确，若验证失败，大概率是网络原因，请尝试 4G 等网络。或者在其他浏览器中，打开邮箱，点击验证按钮。
- 怎么使用 vercel 同时上线多个版本：在输入 vercel 后，选择不和已有项目关联（link），并且使用一个新的项目名（project name）。
- 想在修改文件后重新搞个新版本，但输入 vercel prod 后，直接覆盖了，而没有让我选择是否和现有项目关联（link）：执行 vercel 后，会在本地生成
.vercel隐藏目录保存之前的发布信息，删掉该目录即可。 - 导出网址后，我修改了图片，然后游戏中还是原来的图片：网址读取的是远程的文件，只改了本地当然没用！再次执行 vercel 或腾讯云命令，把最新文件传上去。
- Mac 能否使用这个教程：可以！所有命令和 windows 完全一致！只是 cmd 命令行工具改为用 terminal 终端（按 command + 空格，搜索 terminal）
- 为什么打开网站白屏了：大概率是修改错误，导致一些文件缺失。可以试试重新下载代码，再修改，请先确保本地可以运行，再发布！
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】