【源码】基于HTML5的合成大西瓜魔改游戏

项目简介

本项目是基于HTML5技术的简易魔改版“合成大西瓜”游戏。玩家能通过合成相同水果生成更大水果并获取分数。项目具备快速魔改功能，玩家可轻松定制游戏内容，如修改分数、替换图片和音乐等，无需复杂编程技术，简单操作指令即可完成修改与发布。

项目的主要特性和功能

1. 简易合成机制：玩家合并相同水果生成更大水果并获分数。
2. 快速魔改功能：可轻松修改游戏内容，像修改分数、替换图片和音乐等。
3. 多种本地启动方式：支持用serve工具和Docker进行本地启动。
4. 多种上线发布方式：提供腾讯云Webify一键部署、Vercel和腾讯云静态网站托管等发布方式。

安装使用步骤

本地启动

小白适用

1. 安装 serve 工具： bash npm i -g serve
2. 进入游戏源码目录，运行 serve 命令启动本地服务器： bash serve
3. 打开浏览器访问 localhost:5000 即可开始玩游戏。

已安装 Docker

1. 构建镜像： bash docker build -t daxigua-server .
2. 启动容器： bash docker run -d --name play-daxigua -p5000:5000 daxigua-server

快速魔改

按说明修改 extraSettings.js 文件可实现快速魔改功能，具体修改项有分数、图片、音乐等，具体修改方法和原理可参考 extraSettings.js 文件中的注释说明。

上线发布

Vercel 发布

1. 安装 Vercel 工具： bash npm install -g vercel
2. 进入 index.html 所在目录，使用 vercel 命令发布网站： bash cd daxigua vercel --prod
3. 发布成功后，会得到一个网址，打开即可玩游戏，还能分享给别人。

腾讯云 Webify 一键部署

1. 点击对应按钮进行一键部署。
2. 应用配置如下：
   • 构建命令 与 安装命令 为空。
   • 输出目录 填为 .。
3. 点击部署应用即可。

问题及解决

1. 无法安装 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。
2. Vercel 网址被微信拦截：可把网址复制到浏览器打开，也可申请域名，在 Vercel 和服务提供商配置域名解析。
3. serve 后网页空白：大概率在错误目录下执行了 serve，需在 index.html 所在文件夹下执行。
4. 执行 vercel 命令显示 signUp：要先去 Vercel 官网 注册。
5. 导出网址后修改图片游戏中还是原图片：网址读取远程文件，需再次执行 vercel 或腾讯云命令上传最新文件。更多问题及解决方法请参考项目文档或相关教程。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】