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

项目简介

这是一个合成大西瓜游戏的简易版本，利用 HTML5、CSS 和 JavaScript 技术开发，无需复杂的后端支持，在浏览器中即可运行。游戏规则简单，玩家通过控制水果合并生成更大的水果以获取更高分数，设计新颖有趣，还进行了部分优化改进，提升了游戏体验。

项目的主要特性和功能

1. 操作简便：规则简单易懂，玩家点击或滑动屏幕就能控制水果合并。
2. 视觉丰富：采用精美图形与动画，带来愉悦视觉感受。
3. 水果多样：包含多种水果，每种水果外观和属性独特。
4. 排行功能：可与其他玩家比较分数，激发竞争意识。
5. 魔改特性：能通过修改配置自定义游戏外观、音效、规则等，增强趣味性。

安装使用步骤

本地启动

小白适用

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. 改分数、无敌模式、指定第一个水果、指定下次出现的水果、大水果合成小水果、让水果更 Q 弹、水果下落速度减缓、替换广告链接、改网站标题、开启选分弹窗、点击右上方图标更换水果等：改 extraSettings.js 文件。 2. 改图片、替换背景：替换 res/raw-assets 目录下指定目录的图片，需同文件名、后缀、尺寸，成功覆盖可生效，可替换素材文档。 3. 替换音乐：覆盖 res/raw-assets 目录下相同的音乐，可替换素材文档。 4. 去广告：将广告图片替换为同背景色底图。

上线发布

腾讯云一键部署

适用于会 fork 仓库、提交代码的同学。点击下方按钮，无需任何操作，即可部署仓库到腾讯云 ⬇️

如果要替换为一键部署自己的仓库，要先 fork 仓库，本地修改后再提交到自己 fork 的仓库，最后把一键部署按钮仓库地址改为自己的仓库即可！

Vercel

适用于零基础小白。操作简单、域名简短，但国外服务器，速度较慢。 先在命令行通过 npm 命令安装 Vercel： bash npm install -g vercel 安装完成后，进入 index.html 所在目录（如 daxigua），使用 vercel 命令发布网站： bash cd daxigua vercel --prod 然后按提示输入选项，如项目名称、是否和已有项目关联、是否保存当前配置等。若创建多个项目，不要和已有项目关联。发布成功会得到网址，打开即可玩游戏。

腾讯云静态网站托管

国内服务器，访问速度快，且链接未被微信封杀。地址：https://cloud.tencent.com/product/wh ，可参照魔改和上线你的合成大西瓜，最全教程！尝试发布。

下载地址

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