魔改部署自己专属的合成大西瓜(二:魔改篇)

魔改后的源码,可以下载在本地运行,方法参见:魔改部署自己专属的合成大西瓜(一:运行篇)

下载链接:https://pan.baidu.com/s/1PAkUqoIh2W3AosqKgyf7Ig
提取码:lu02

魔改自己专属的大西瓜步骤:

1. 下载源代码及本地运行

运行方法:

魔改部署自己专属的合成大西瓜(一:运行篇)

2. 动手魔改及原理分析

快速魔改指南:

  • 改分数:改 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 文件

未修改版目录结构:

  • index.html,整个项目的主页面
  • project.js,项目核心代码,游戏逻辑都在这里
  • settings.js,项目配置文件
  • res 目录,存放图片和音频等资源

魔改部署自己专属的合成大西瓜(二:魔改篇)_第1张图片

游戏过程:

点击鼠标 -> 水果下落 -> 水果碰撞 -> 计算分数 -> 展示分数

自定义魔改:

// 额外分数:修改数字
let extraScore = 1;

// 无敌模式是指水果堆积到顶部、超出线条,游戏依然不会结束。
// 无敌模式:true 改为 false
let wuDi = true;

// 第一个水果:修改数字为 0-10, 0 为葡萄,9 为半个西瓜
let firstFruit = 0;

// 水果合成反转:false 改为 true
let reverseLevelUp = false;

// 指定生成的水果:默认值: 不开启反转 0-5 开启反转 6-11,修改对应数字即可控制随机生成的水果范围
const minRandomFruitNum = reverseLevelUp ? 6 : 0; // 生成随机水果最小值(0-10)0 为葡萄,9 为半个西瓜
const maxRandomFruitNum = reverseLevelUp ? 11 : 5; // 生成随机水果最大值(1-11)0 为葡萄,9 为半个西瓜
let setFruits = {
     
  // 指定前几次生成的水果,可填入任意数量的数字,0 为葡萄,9 为半个西瓜
  startFruits: reverseLevelUp ? [10, 10, 9, 8, 8, 7] : [0, 0, 1, 2, 2, 3],
  randomFunction: () => {
     
    return minRandomFruitNum + Math.floor(Math.random() * (maxRandomFruitNum - minRandomFruitNum));
  }
}

// 让水果更 Q 弹:false 改为大于 0 小于 1 的任意小数(推荐 0.9)
// 记得打开无敌模式,否则一下就 GameOver 了!
let fruitQTan = false;

// 让水果下落缓慢:false 改为大于 0 的任意数,值越大阻力越大,下落越慢(推荐 5)
let fruitSlowDown = false;

// 点击右上方图标更换水果:false 改为 true 即可,暂未支持
let clickChangeFruit = false;

// 广告链接:false 或为空字符串表示不会跳转到广告
let adLink = 'https://636f-codenav-8grj8px727565176-1256524210.tcb.qcloud.la/yupi_wechat.png';

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

// 开启选分弹窗:将 false 改为 true
let selectModal = false;
let extraScore = 10000;每次额外增加10000分

魔改部署自己专属的合成大西瓜(二:魔改篇)_第2张图片

let wuDi = false;水果堆积到顶部、超出线条,游戏依然不会结束!

魔改部署自己专属的合成大西瓜(二:魔改篇)_第3张图片

let firstFruit = 9; 第一个水果为半个西瓜

魔改部署自己专属的合成大西瓜(二:魔改篇)_第4张图片

let fruitQTan = 0.9;让水果再飞一会儿!尽情的在空中碰撞吧!

魔改部署自己专属的合成大西瓜(二:魔改篇)_第5张图片

更多玩法自行解锁哦!

3. 发布上线

魔改部署自己专属的合成大西瓜(三:上线篇)

魔改部署自己专属的合成大西瓜(二:魔改篇)_第6张图片

你可能感兴趣的:(前端三剑客,javascript,游戏,前端)