一天晚上，天空中掉下一颗神奇的豌豆种子，正好落在了梦之森林的村长屋附近，种子落地后吸收了池塘的水分，迅速成长，一夜之间变成参天大藤蔓。第二天早上，村民们醒来后看到巨大的藤蔓都惊呆了，聚在一起议论纷纷。有人说他似乎看到村长的房子在高耸入云的藤蔓上，房子似乎还在上升。有人号召说应该爬上去救村长，玩家需要爬到藤蔓顶部救出村长。游戏的目标是通过消除三个颜色相同的小动物连成的直线，达到指定的目标通关。
游戏有四种模板分别是分数过关、指定消除、获得金豆荚、云朵关卡。主页面的js部分调用了微信分享api，玩家可以分享游戏到朋友圈或发送给好友。
游戏中的自动填充功能自动将空白位置填充成随机颜色的小动物，通过findNext函数查找相邻位置的匹配情况，自动填充后刷新地图。游戏中还包含自动检查消除的机制，当三个或三个以上相同颜色的小动物连成直线时，即可消除，从而获得分数。
游戏的关卡地图设置灵活多样，包括时间限制和初始布局。例如第一关的地图设置为：
[[],[],[],[0,0,1],[0,1,0,1],[0,1,1,0],[0,0,0,0]]
第二关的地图设置为：
[[],[],[0,0,1,1,1],[0,0,1,1,1],[0,1,1,1,1],[0,0,1,1,1],[0,0,0,0,0]]
每个关卡都有不同的布局，玩家需要根据布局进行匹配消除。
游戏的功能还包括分享功能，玩家可以分享自己的得分给朋友，进一步提高游戏的互动性和趣味性。
② js实现鼠标经过文字大小颜色都随机变化
给你两个个思路：一：定义一个字体大小和颜色两个数组，再定义鼠标滑过事件，随机获取数组中的字体大小和颜色值。
二：随机颜色生成方法如下
functionrandomColor(){varrand=Math.floor(Math.random()*0xFFFFFF).toString(16);if(rand.length==6){returnrand;}else{returnrandomColor();}字体大小方法自己琢磨实现吧，核心方法就是：Math.random()生成随机数
③ js生成的8位随机验证码
发展思路:
绘制用于放置验证码的模块，带有“看不清.”的小块以及用于输入验证码的文本框
获取每个模块
包装函数Yan_ma（），将验证码设置为8位数字，其中包含数字，小写字母，小写字母和中文. 每种类型出现的概率为25％.
随机数在0-9之间. 四舍五入Math.ramand（）.
使用fromCharCode（）方法处理大小写随机字母: 将Unicode编码转换为字符，例如:
var n = String.fromCharCode（65）;
cosole.log（n）;
//输出j的结果是A
大写字母（65-91）小写字母（97-123）
var s = String.fromCharCode（Math.floor（Math.random（）* 26 + 65））;
var s = String.fromCharCode（Math.floor（Math.random（）* 26 + 97））;
随机中文，声明可变字母以放置中文字符串，并使用charAt（）随机获取字母中的中文字符.
var letter =“如果你愿意，请允许我拿着一张普通纸，为你一生唱歌一千遍”；
var s = letter.charAt（Math.floor（Math.random（）* letter.length））;
为每个验证码设置随机颜色，字体大小，相对文本位置和旋转角度. 封装颜色函数，使用十六进制颜色（例如: #ffffff）
//随机颜色
function fontcolor（）{
var s1 =“”;
for（var k = 0; k<6; k ++）{
var z = [0,1,2,3,4,5,6,7,8,9，“ a”，“ b”移动设备上的8位验证码，“ c”移动设备上的8位验证码，“ d”，“ e”，“ f” ];
var m = z [Math.floor（Math.random（）* z.length）];
s1 + = m;
}无锡人有多少钱？
返回“#” + s1；
}
随机位置和随机旋转角度的方法相同
随机位置可以向上，向下，向左和向右移动8px，并且随机旋转角度可以绕z轴（±45度）旋转.
④ JS怎么给5个随机字体赋5个随机不同的颜色
实现思路是取一个随机数，颜色值保存在数组中，然后依次给标签css样式赋值
<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<metaname="viewport"content="width=device-width,initial-scale=1.0">
<metahttp-equiv="X-UA-Compatible"content="ie=edge">
<title>Document</title>
</head>
<body>
<p>颜色</p>
<p>颜色</p>
<p>颜色</p>
<p>颜色</p>
<p>颜色</p>
<script>
letcolor=['#000000','#FF0000','#00FF00','#0000FF','#FFFF00'];
functionrandom(){
leti=Math.floor(Math.random()*(color.length-1));
lettext=color.splice(i,1)[0];
returntext;
}
letp=document.getElementsByTagName('p');
for(leti=0;i<p.length;i++){
p[i].style.color=random();
}
</script>
</body>
</html>