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

项目简介

本项目是一个基于 HTML 和 JavaScript 技术构建的可魔改合成大西瓜游戏。用户无需复杂代码修改，通过修改配置文件、替换素材等方式，就能对游戏进行个性化定制，如修改分数规则、更换水果图片、调整游戏音效等。同时，项目提供多种本地启动和上线发布方式，便于用户体验与分享。

项目的主要特性和功能

1. 简单魔改：不改动代码，通过修改配置文件和替换素材，可对游戏分数规则、水果样式、音效、背景等多方面进行修改。
2. 本地启动灵活：提供两种本地启动方式，serve 工具适合新手，Docker 适合有相关经验的用户。
3. 丰富的魔改选项：可设置无敌模式、指定出现的水果、调整水果合成规则、让水果更 Q 弹、减缓水果下落速度、开启选分弹窗等。
4. 广告管理：可去除广告或替换广告链接。

安装使用步骤

本地启动

小白适用

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

快速魔改

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 一键部署

点击部署按钮，应用配置如下： - 构建命令与安装命令为空 - 输出目录填为 . 随后点击部署应用即可。

Vercel

1. 安装 Vercel： bash npm install -g vercel
2. 进入 index.html 所在目录，使用 vercel 命令发布网站： bash cd daxigua vercel --prod 按提示输入选项，发布成功后会得到一个网址。

腾讯云静态网站托管

可参照文章 魔改和上线你的合成大西瓜，最全教程！ 进行发布。

下载地址

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