2048是一款經典的益智游戲,目前已在全球范圍內受到廣泛歡迎。而其源代碼的實現方式,也是備受關注。其中,jQuery是一種常用的JavaScript庫,可以幫助開發者優化代碼的編寫方式,提高游 戲性能。下面,我們就來看一下使用jQuery實現2048源代碼的方式。
// 定義變量 var board = new Array(); // 游戲面板 var score = 0; // 記錄分數 // 頁面加載完畢后開始游戲 $(document).ready(function() { newgame(); }); // 開始新游戲 function newgame() { // 初始化面板 initboard(); // 隨機生成兩個數字(2或4) generate(); generate(); } // 初始化面板 function initboard() { for (var i = 0; i< 4; i++) { board[i] = new Array(); for (var j = 0; j< 4; j++) { // 為每個格子賦上空值 board[i][j] = 0; // 定位每個格子的位置 var cell = $("#grid-cell-" + i + "-" + j); cell.css("top", getpos(i)); cell.css("left", getpos(j)); } } } // 隨機生成數字 function generate() { // 判斷面板是否有空位置 if (nospace()) { return false; } // 隨機生成數字2或4 var randx = parseInt(Math.floor(Math.random() * 4)); var randy = parseInt(Math.floor(Math.random() * 4)); while (true) { // 隨機選取一個空位置 if (board[randx][randy] == 0) { break; } randx = parseInt(Math.floor(Math.random() * 4)); randy = parseInt(Math.floor(Math.random() * 4)); } var randnum = Math.random()< 0.5 ? 2 : 4; board[randx][randy] = randnum; // 在選中的位置上顯示生成的數字 shownum(randx, randy, randnum); return true; }
上一篇mysql中年齡限制代碼
下一篇mysql中年齡怎樣查