简易的合成大西瓜魔改教程

简易大西瓜魔改教程,制作属于自己的大西瓜~
如果环境搭建好的话,只需几分钟就可搭建自己的大西瓜!

简易的合成大西瓜魔改教程_第1张图片

源码github地址 : https://github.com/Oldpan/bigWatermelon/tree/master

本地游玩

从github下载下来之后,首先安装nodejs。

我是mac平台,直接使用brew命令安装nodejs。

安装好nodejs之后,执行附带的npm包管理工具安装serve:

npm i -g serve

然后我们进入仓库目录。

执行serve:

简易的合成大西瓜魔改教程_第2张图片

到此证明服务运行成功,端口号是5000。

打开浏览器(推荐谷歌)然后输入上述地址http://localhost:5000/,跳转进去游戏就开啦。

窗口显示问题

如果在电脑端打开是这样的(只有上半边没有下半边):

简易的合成大西瓜魔改教程_第3张图片

这个问题很简单就可以解决,以谷歌浏览器为例(其他浏览器类似)。

首先打开浏览器的开发者模式,然后:

  • 选择手机模式,也就是点击手机样式的按钮
  • 点击刷新按钮刷新当前页面

简易的合成大西瓜魔改教程_第4张图片

就可以调整到正常大小了,开始happy吧~

在线修改

打开代码仓库。

修改文件在这里,根据注释说明修改即可,修改后直接刷新网页(如果此时还在运行)就可以玩到自己“魔改后的大西瓜”了~

简易的合成大西瓜魔改教程_第5张图片

// 本项目仅交流技术,玩耍使用,请勿商用!
 
// 第一个出现的水果 修改数字为 0-10  10为大西瓜
let firstFruit = 0;

// 修改游戏难度
const min_fruit_num = 0; // 生成随机水果最小值(0-10)
const max_fruit_num = 5; // 生成随机水果最大值(1-11)
let setFruits = {
     
  startFruits: [0, 0, 1, 2, 2, 2], // 指定前几次生成的水果,可填入任意数量的数字
  randomFunction: () => {
     
    return min_fruit_num + Math.floor(Math.random() * (max_fruit_num - min_fruit_num));
  }
}

// 下落速度 0-10
let fruitSlowDown = false;
// 水果弹性(0-1 0.9弹性很大 高难度)
let fruitTanXing = false;

let adLink = 'http://image.oldpan.me/qrcode_for_gh_2223dc9f159a_344.jpg';

// 修改网页标题
document.getElementsByTagName("title")[0].innerText = '合成大西瓜';

// 无敌模式(改为false则无敌) 
let is_wudi = true;

参考链接

  • 主要代码来源于:https://github.com/bullhe4d/bigwatermelon
  • 部分源码参考于xiaopengandliyupi,感谢两位开源的大佬。

你可能感兴趣的:(JS,杂物家友,游戏开发,javascript,游戏,node.js,css,html5)