项目简介
这是一个以 JavaScript 和 Cocos Creator 为基础开发的合成大西瓜游戏。玩家在游戏中通过合成相同的水果,逐步生成更大的水果,直至合成大西瓜。项目功能完备且经过优化,可在多种设备上流畅运行。
项目的主要特性和功能
- 核心玩法:玩家点击下落的水果,使相同水果合成更大水果,游戏内包含多种水果,合成时伴有不同动画效果。
- 本地存储:利用本地存储记录玩家的分数与进度,方便玩家在不同设备上继续游戏。
- 友好界面:界面简洁易懂,操作容易上手,还提供多种主题与设置选项,满足不同玩家需求。
- 性能优化:经过优化处理,能在手机、电脑等多种设备上流畅运行。
安装使用步骤
本地启动
小白适用
- 安装
serve
工具:bash npm i -g serve
- 进入项目目录,运行
serve
:bash serve
- 打开浏览器,访问
localhost:5000
即可开始游戏。
已安装 Docker
- 构建镜像:
bash docker build -t daxigua-server .
- 启动容器:
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
- 安装 Vercel:
bash npm install -g vercel
- 进入
index.html
所在目录,使用vercel
命令发布网站:bash cd daxigua vercel --prod
按提示输入选项,发布成功后会得到一个网址,打开即可玩游戏。
腾讯云静态网站托管
可参照魔改和上线你的合成大西瓜,最全教程!尝试发布。
魔改原理
可先阅读魔改和上线你的合成大西瓜,最全教程!,同时可在 project.js
文件中搜索关键字(如 "改分")来快速定位学习修改原理。
问题及解决
- 无法安装 serve 或者 Vercel:若报找不到
npm
,先安装npm
;若安装卡住,可按键盘,还不行则用npm
安装cnpm
(国内镜像):bash npm install cnpm -g --registry=https://registry.npm.taobao.org
再用cnpm
安装:cnpm i -g serve
或cnpm i -g vercel
。 - Vercel 网址被微信拦截:可将网址复制到浏览器打开,也可申请域名,在 Vercel 和服务提供商配置域名解析。
- 在电脑上浏览网页游戏:在浏览器中按 F12 打开开发者工具,点击像手机一样的图标。
- serve 后打开网页一片空白:可能在错误的目录下执行了
serve
,请在index.html
所在文件夹下执行。 - 执行 vercel 命令显示 signUp:需先去 Vercel 官网 注册。
- vercel 邮箱验证失败:确认邮箱是否正确,若验证失败,可能是网络原因,可尝试 4G 等网络,或在其他浏览器中打开邮箱点击验证按钮。
- 使用 vercel 同时上线多个版本:输入
vercel
后,选择不和已有项目关联,使用新的项目名。 - 修改文件后重新发布覆盖原版本:执行
vercel
后会在本地生成.vercel
隐藏目录保存发布信息,删掉该目录即可。 - 修改图片后游戏中仍显示原图片:需再次执行
vercel
或腾讯云命令,将最新文件上传。 - Mac 使用问题:所有命令和 Windows 一致,只是将
cmd
命令行工具改为用terminal
终端(按command + 空格
,搜索terminal
)。 - 打开网站白屏:可能修改错误导致文件缺失,可重新下载代码,先确保本地能运行再发布。
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】