%20(2).svg)
项目简介
本项目是基于HTML5和JavaScript开发的合成大西瓜游戏。玩家通过点击屏幕上的水果，将其移动到合适位置进行合成，相同类型水果合成后会生成更大的水果。游戏具备丰富的自定义选项，玩家可修改配置文件调整游戏参数，同时项目提供多种部署方式，便于快速上线和分享。
项目的主要特性和功能
- 简单游戏机制：玩家点击屏幕水果并移动合成，相同水果合成出更大水果。
- 丰富自定义选项：修改配置文件（如
extraSettings.js）可调整分数、图片、音乐等参数。 - 多种部署方式：支持本地启动、Docker部署、腾讯云Webify一键部署、Vercel部署等。
- 适配各种设备：可在电脑、手机、平板等设备上运行。
- 精美的图形和动画：采用精美图形与流畅动画，提供良好游戏体验。
安装使用步骤
本地启动
小白适用
- 安装
serve工具：bash npm i -g serve - 进入项目目录，运行
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文件。
上线发布
腾讯云 Webify 一键部署
- 点击相关按钮。
- 应用配置：构建命令与安装命令为空，输出目录填为
.。 - 点击部署应用。
Vercel 部署
- 安装 Vercel：
bash npm install -g vercel - 进入项目目录，使用
vercel命令发布网站：bash cd daxigua vercel --prod - 按提示输入项目名称等信息，发布成功后访问生成网址。
腾讯云静态网站托管
参照教程：魔改和上线你的合成大西瓜，最全教程！
问题及解决
- 无法安装 serve 或者 Vercel：确保已安装 npm，或使用 cnpm 安装。
- Vercel 网址被微信拦截：将网址复制到浏览器打开，或申请域名并配置解析。
- serve 后打开网页一片空白：确保在
index.html所在目录下执行 serve。 - vercel 邮箱验证失败：检查邮箱是否正确，或尝试使用其他网络。
- 导出网址后修改图片无效：重新执行 vercel 或腾讯云命令上传最新文件。
注意事项
- 确保服务器已安装并配置好PHP环境。
- 修改或扩展项目功能时，遵循JavaScript编程规范和最佳实践。
- 遵守版权和许可规定，使用合法授权的图片和音频资源。
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】