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

项目简介

本项目是基于HTML5 Canvas和JavaScript开发的合成大西瓜游戏。玩家可通过合成相同水果生成更大水果，目标是合成最大的水果——大西瓜。项目有丰富配置选项，支持玩家修改配置文件定制游戏内容，且支持本地运行与在线发布。

项目的主要特性和功能

1. 具备简单易玩的合成机制，通过合成相同水果最终合成大西瓜。
2. 拥有丰富自定义选项，可修改分数、水果图片、音乐、背景等。
3. 支持多种发布方式，如通过Vercel、腾讯云静态网站托管将游戏发布到线上。
4. 支持本地运行，提供简单的本地启动方式。

安装使用步骤

前提条件

确保计算机已安装Node.js和npm（Node Package Manager）。

本地启动

方法一：使用serve工具

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

方法二：使用Docker

1. 构建Docker镜像： bash docker build -t daxigua-server .
2. 启动Docker容器： bash docker run -d --name play-daxigua -p5000:5000 daxigua-server
3. 打开浏览器访问 localhost:5000 开始游戏。

快速魔改

1. 改分数：修改 extraSettings.js 文件。
2. 改图片：替换 res/raw-assets 目录下的图片文件，确保文件名、后缀和尺寸一致。
3. 无敌模式：修改 extraSettings.js 文件。
4. 指定第一个水果：修改 extraSettings.js 文件。
5. 替换音乐：替换 res/raw-assets 目录下的音乐文件。
6. 替换背景：替换 res/raw-assets 目录下的背景图片。

上线发布

使用Vercel发布

1. 安装Vercel： bash npm install -g vercel
2. 进入项目目录，发布网站： bash cd daxigua vercel --prod
3. 按提示输入项目名称等信息，发布成功后获得访问链接。

使用腾讯云静态网站托管

1. 登录腾讯云控制台，选择静态网站托管服务。
2. 按提示上传项目文件，配置域名等信息。
3. 发布成功后通过生成的链接访问游戏。

下载地址

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