RhinoFreak 发表于 2022-6-7 10:08

魔改和上线你的合成大西瓜,最全教程!

详细文字教程:
视频教程:
最新上线了大西瓜改图工具,修改图片效率提升 10 倍!
最近,一款名为『 合成大西瓜 』的游戏突然火了!看来真的是大家吃瓜吃太多了,小游戏也成功蹭上热度。


当然,游戏本身非常有趣,玩法简单,就是俄罗斯方块和 2048 的结合,控制水果的下落,相同的水果会合成更大的水果,然后消除。
玩了一会后,看到朋友圈的晒图,我也安耐不住了,开始思考怎么拿高分。
对于程序员来说,最简单的方式就是直接改造程序,开工!
<hr/>首先在 GitHub 上找到源代码,未修改源码地址:
可以直接在线体验:
然后经过我简单地魔改后,可以任意修改自己的分数。
魔改版源码,任意改分数:

也支持在线体验:
下面分享一下修改原理。
修改原理

简单阅读了一下源码,主要使用 Cocos 游戏引擎开发:
总共就四个核心文件:主页 index.html 、配置 settings.js、核心 project.js、还有广告 ads.js!不得不说,这个小游戏里藏的广告是真多。
要自己魔改难度并不大,但是要做出来这样一个游戏,还是需要一点时间的。当然,创意 > 技术,非常 respect 作者,给大佬跪了!
但其实修改原理很简单!
游戏的过程是:点击 => 碰撞 => 计分 => 展示
1. 改分数

改分数有两种实现方式,修改计分规则,或者修改最后要展示的分数。原理很简单,搜索分数对应的英文单词 "score" 或者添加分数 "addScore"。
发现分数是由 default.score 作为统计值的,有这么一行代码:
a.default.score += this.fruitNumber + 1那我只要把基数 1 改为自己定义的数字即可~ 当然也可以让用户自己输入!
a.default.score += this.fruitNumber + extraScore当然,这种方式玩游戏就没有多少意思啦~
2. 改图片

改图片的原理非常简单,直接找到原有的图片,然后用相同名称、相同格式、相同尺寸的图片进行替换即可!
我帮大家整理了图片替换表,地址如下,【腾讯文档】魔改大西瓜可替换的素材:
还有其他魔改方式,比如每次都下落相同水果,思路就是 "定位代码" => "修改调试"。持续补充!
大家可以学习下作者的源码,真的强!
发布上线

在本地修改好代码后,怎么发布到网上供其他人访问呢?
这里提供最简单的两种方法,不需要购买域名,也不需要买服务器!用户量不大的话,完全免费!

[*]使用 Vercel,在网页 index.html 文件所在目录通过一行命令即可自动发布到它提供的服务器并生成可访问的网址,还能和自己的域名绑定!(我的魔改版就是这么发布的)
[*]使用腾讯云静态网站托管服务,下载官方工具,也是一行命令,即可发布至腾讯云服务器!
可以参考这篇文章的方式部署网站:
后面会给大家详细的部署教程!
<hr/>最后,放上另外两个大佬的魔改版本,可以试着学习下,非常佩服!
xiaopengand/daxigua
bullhe4d/bigwatermelon

acecase 发表于 2022-6-7 10:17

可以修改图片吗?请问

APSchmidt 发表于 2022-6-7 10:18

可以修改的,在res目录下找到对应的图片,用相同名称、格式的图片去替换,尺寸最好也相同。这是最直观的方式[赞同]有帮助的话求个赞嘻嘻

XGundam05 发表于 2022-6-7 10:28

大佬,在哪可以运行这个代码啊?求解

KaaPexei 发表于 2022-6-7 10:37

因为我是一名大一学生,还不太会这方面

七彩极 发表于 2022-6-7 10:40

将文中的源码下载下来,然后修改,通过serve工具运行~

acecase 发表于 2022-6-7 10:42

请问改完之后怎么做出链接让大家都可以看

IT圈老男孩1 发表于 2022-6-7 10:49

打扰一下,直接用浏览器打开index那个之后加载会在100时停住不加载,改成了手机模式也是这样,一直都是loading。。。100那个界面,要怎么操作?

JamesB 发表于 2022-6-7 10:56

vercel

FeastSC 发表于 2022-6-7 10:57

换个浏览器?还是说你直接点index了,应该访问serve启动的服务,一般是localhost:5000
页: [1] 2 3
查看完整版本: 魔改和上线你的合成大西瓜,最全教程!