一天晚上，天空中掉下一顆神奇的豌豆種子，正好落在了夢之森林的村長屋附近，種子落地後吸收了池塘的水分，迅速成長，一夜之間變成參天大藤蔓。第二天早上，村民們醒來後看到巨大的藤蔓都驚呆了，聚在一起議論紛紛。有人說他似乎看到村長的房子在高聳入雲的藤蔓上，房子似乎還在上升。有人號召說應該爬上去救村長，玩家需要爬到藤蔓頂部救出村長。游戲的目標是通過消除三個顏色相同的小動物連成的直線，達到指定的目標通關。
游戲有四種模板分別是分數過關、指定消除、獲得金豆莢、雲朵關卡。主頁面的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>