littlebot
Published on 2025-04-16 / 0 Visits
0

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

项目简介

这是一个以 JavaScript 和 Cocos Creator 为基础开发的合成大西瓜游戏。玩家在游戏中通过合成相同的水果,逐步生成更大的水果,直至合成大西瓜。项目功能完备且经过优化,可在多种设备上流畅运行。

项目的主要特性和功能

  1. 核心玩法:玩家点击下落的水果,使相同水果合成更大水果,游戏内包含多种水果,合成时伴有不同动画效果。
  2. 本地存储:利用本地存储记录玩家的分数与进度,方便玩家在不同设备上继续游戏。
  3. 友好界面:界面简洁易懂,操作容易上手,还提供多种主题与设置选项,满足不同玩家需求。
  4. 性能优化:经过优化处理,能在手机、电脑等多种设备上流畅运行。

安装使用步骤

本地启动

小白适用

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

已安装 Docker

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

快速魔改

  • 改分数:修改 extraSettings.js 文件。
  • 改图片:替换 res/raw-assets 目录下指定目录的图片,需保证文件名、后缀、尺寸相同,可参考可替换素材文档
  • 无敌模式:修改 extraSettings.js 文件。
  • 指定第一个水果:修改 extraSettings.js 文件。
  • 指定下次出现的水果:修改 extraSettings.js 文件。
  • 大水果合成小水果:修改 extraSettings.js 文件。
  • 让水果更 Q 弹:修改 extraSettings.js 文件,原理参考
  • 水果下落速度减缓:修改 extraSettings.js 文件,原理参考
  • 替换音乐:覆盖 res/raw-assets 目录下相同的音乐,参考可替换素材文档
  • 替换背景:与改图片原理相同,参考可替换素材文档
  • 去广告:将广告图片替换为同背景色底图
  • 替换广告链接:修改 extraSettings.js 文件。
  • 改网站标题:修改 extraSettings.js 文件。
  • 开启选分弹窗:修改 extraSettings.js 文件。
  • 点击右上方图标更换水果:修改 extraSettings.js 文件。

上线发布

腾讯云 Webify 一键部署

  • 构建命令安装命令 为空。
  • 输出目录 填为 .。 随后点击部署应用。

Vercel

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

腾讯云静态网站托管

可参照魔改和上线你的合成大西瓜,最全教程!尝试发布。

魔改原理

可先阅读魔改和上线你的合成大西瓜,最全教程!,同时可在 project.js 文件中搜索关键字(如 "改分")来快速定位学习修改原理。

问题及解决

  1. 无法安装 serve 或者 Vercel:若报找不到 npm,先安装 npm;若安装卡住,可按键盘,还不行则用 npm 安装 cnpm(国内镜像): bash npm install cnpm -g --registry=https://registry.npm.taobao.org 再用 cnpm 安装: cnpm i -g servecnpm i -g vercel
  2. Vercel 网址被微信拦截:可将网址复制到浏览器打开,也可申请域名,在 Vercel 和服务提供商配置域名解析。
  3. 在电脑上浏览网页游戏:在浏览器中按 F12 打开开发者工具,点击像手机一样的图标。
  4. serve 后打开网页一片空白:可能在错误的目录下执行了 serve,请在 index.html 所在文件夹下执行。
  5. 执行 vercel 命令显示 signUp:需先去 Vercel 官网 注册。
  6. vercel 邮箱验证失败:确认邮箱是否正确,若验证失败,可能是网络原因,可尝试 4G 等网络,或在其他浏览器中打开邮箱点击验证按钮。
  7. 使用 vercel 同时上线多个版本:输入 vercel 后,选择不和已有项目关联,使用新的项目名。
  8. 修改文件后重新发布覆盖原版本:执行 vercel 后会在本地生成 .vercel 隐藏目录保存发布信息,删掉该目录即可。
  9. 修改图片后游戏中仍显示原图片:需再次执行 vercel 或腾讯云命令,将最新文件上传。
  10. Mac 使用问题:所有命令和 Windows 一致,只是将 cmd 命令行工具改为用 terminal 终端(按 command + 空格,搜索 terminal)。
  11. 打开网站白屏:可能修改错误导致文件缺失,可重新下载代码,先确保本地能运行再发布。

下载地址

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