【源码】基于 HTML5 和 JavaScript 的合成大西瓜游戏

项目简介

本项目是基于 HTML5 和 JavaScript 开发的合成大西瓜游戏。玩家可通过合成相同水果生成更大水果，直至合成出大西瓜。游戏操作简单，无需安装，在网页上即可游玩，还提供多种魔改和上线发布方式。

项目的主要特性和功能

1. 简单易上手，规则易懂，玩家能轻松操作水果合并。
2. 拥有丰富水果种类，包含苹果、橙子、香蕉等。
3. 可个性化定制，能修改分数、替换图片、音乐、背景，开启无敌模式等。

安装使用步骤

本地启动

小白适用

1. 安装 serve 工具：npm i -g serve
2. 进入 daxigua 目录，运行 serve：serve
3. 打开浏览器访问 localhost:5000

已安装 Docker

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

快速魔改

可通过修改 extraSettings.js 文件和替换 res/raw-assets 目录下的文件实现各种定制，如改分数、图片、音乐、背景等。

上线发布

腾讯云一键部署

点击一键部署按钮，若要部署自己的仓库，需先 fork 项目，修改后提交到自己的仓库并更改按钮仓库地址。

Vercel

1. 安装 Vercel：npm install -g vercel
2. 进入 index.html 所在目录，使用 vercel --prod 发布网站，按提示输入选项。

腾讯云静态网站托管

访问地址：https://cloud.tencent.com/product/wh

常见问题及解决

1. 无法安装 serve 或者 Vercel：报找不到 npm 先安装 npm；安装卡住可按键盘，还不行则用 npm install cnpm -g --registry=https://registry.npm.taobao.org 安装 cnpm，再用 cnpm 安装。
2. Vercel 网址被微信拦截：复制到浏览器打开或申请域名并配置解析。
3. 电脑浏览网页游戏：按 F12 打开开发者工具，点击手机图标。
4. serve 后网页空白：在 index.html 所在文件夹下执行 serve。
5. 执行 vercel 命令显示 signUp：去 Vercel 官网 注册。
6. vercel 邮箱验证失败：确认邮箱，尝试 4G 网络或在其他浏览器中打开邮箱点击验证按钮。
7. 使用 vercel 上线多个版本：输入 vercel 后选择不和已有项目关联，使用新的项目名。
8. 输入 vercel prod 后直接覆盖：删掉本地 .vercel 隐藏目录。
9. 修改图片后游戏中未更新：再次执行 vercel 或腾讯云命令上传最新文件。
10. Mac 使用：命令与 Windows 一致，用 terminal 终端操作。
11. 打开网站白屏：可能修改错误致文件缺失，重新下载代码，确保本地可运行再发布。

下载地址

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