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

项目简介

本项目是基于 HTML 和 JavaScript 实现的合成大西瓜游戏，为用户带来休闲娱乐体验。项目支持魔改，还配套改图工具，用户无需修改代码，通过修改配置就能对游戏进行个性化调整。本项目仅用于技术学习及娱乐，请勿将修改后的网站大规模传播及商用，以免侵权。

项目的主要特性和功能

1. 基础游戏功能：具备合成大西瓜游戏的基本玩法，玩家可通过合成相同水果获得更高分数。
2. 魔改功能丰富：可对分数、图片、音乐、背景等元素进行修改，还能开启无敌模式、指定水果出现规则等。
3. 多方式启动：支持使用 serve 工具或 Docker 进行本地启动。

安装使用步骤

本地启动

小白适用

1. 安装 serve 工具： bash npm i -g serve
2. 进入 daxigua 目录，运行 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

快速魔改

1. 改分数：修改 extraSettings.js 文件。
2. 改图片：替换 res/raw-assets 目录下指定目录的图片，必须同文件名、后缀、尺寸，成功覆盖可生效，可替换素材文档。
3. 无敌模式：修改 extraSettings.js 文件。
4. 指定第一个水果：修改 extraSettings.js 文件。
5. 指定下次出现的水果：修改 extraSettings.js 文件。
6. 大水果合成小水果：修改 extraSettings.js 文件。
7. 让水果更 Q 弹：修改 extraSettings.js 文件，原理参考。
8. 水果下落速度减缓：修改 extraSettings.js 文件，原理参考。
9. 替换音乐：覆盖 res/raw-assets 目录下相同的音乐，可替换素材文档。
10. 替换背景：和改图片原理相同，可替换素材文档。
11. 去广告：将广告图片替换为同背景色底图。
12. 替换广告链接：修改 extraSettings.js 文件。
13. 改网站标题：修改 extraSettings.js 文件。
14. 开启选分弹窗：修改 extraSettings.js 文件。
15. 点击右上方图标更换水果：修改 extraSettings.js 文件。

上线发布

腾讯云 Webify 一键部署

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

Vercel

1. 先在命令行通过 npm 命令安装 Vercel： bash npm install -g vercel
2. 安装完成后，进入 index.html 所在目录（如 daxigua），使用 vercel 命令发布网站： bash cd daxigua vercel --prod
3. 按照提示输入一些选项，如项目名称、是否和已有项目关联、是否保存当前配置等。若要创建多个项目，不要和已有项目关联。发布成功后会得到一个网址，打开即可看到游戏。

腾讯云静态网站托管

可参照魔改和上线你的合成大西瓜，最全教程！ 尝试发布，地址：https://cloud.tencent.com/product/wh 。

下载地址

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