亚洲激情专区-91九色丨porny丨老师-久久久久久久女国产乱让韩-国产精品午夜小视频观看

溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

下載量已超越千萬的爆紅游戲2048（同名小3傳奇、1024）源代碼解密和下載（第一篇）

發布時間：2020-09-26 03:40:21 來源：網絡 閱讀：420 作者：makeapp628 欄目：移動開發
一張圖告訴你2048有多火

下載量已超越千萬的爆紅游戲2048（同名小3傳奇、1024）源代碼解密和下載（第一篇）


小3的悲劇
在每個階段手機里面都會有一兩款讓人愛不釋手的游戲存在，無論是在公車上、床鋪上、馬桶上還是在睡覺前、吃飯前、總會有讓你拿出手機打開它的欲望。大部分人被Flappy bird給蹂躪的體無完膚，生活不能自理。在這危難降臨的時刻，一款名為小3傳奇的數字益智游戲出現在我們的視野中，游戲既簡單又復雜，既單一又千變萬化，簡直就讓人停不下來！
但故事的發展是這樣的，小3傳奇的兩位開發者花了近一年半時間才開發出這個游戲的核心玩法，卻在其上架appstore后僅21天就被《1024》抄了過去。而《2048》則更為迅速，19歲的Gabriele Cirulli只用了一個星期改編前兩者游戲，卻獲得最大的成功，而小3卻不被人知；這類游戲從發布到現在，不管是app store還是android市場，下載量已經遠遠超越了千萬，網上各種版本的都有；
CocosEditor開源版
筆者歷時一個晚上，終于完成了cocos2d-js開源版本，編碼雖易，創意不易，且行且珍惜；
此版本包含了網上流行的各種版本。包括原版，朝代版，金庸版，星座，豪車等等近10個版本，代碼開源，希望讀者基于開源代碼做出各種版本，供全名娛樂；
運行demo需要配置好CocosEditor，暫不支持其他工具。demo是跨平臺的，可移植運行android，ios，html5網頁等，代碼是基于javascript語言，cocos2d-x游戲引擎，CocosEditor手游開發工具完成的。
本文共兩篇，第一篇分析原版，第二篇分析各種版本，本代碼僅供參考，有更好的實現方法可以評論中探討；
已發布上線apk演示效果
幾個小時開發，一天審核上線，這就是CocosEditor開發游戲的速度
360應用市場（2048 聚合版）：http://zhushou.#/detail/index/soft_id/1634607?recrefer=SE_D_2048%20%E8%81%9A%E5%90%88
豌豆莢應用市場 ：http://www.wandoujia.com/apps/com.touchsnow.game.sudoku


CocosEditor版源代碼下載：

cocos2d-js源代碼請到集中營下載：http://blog.makeapp.co/?p=523

github版本管理：https://github.com/makeapp/cocoseditor-2048




Github里面大牛提供了各種語言的版本

包括（java  ，css，shell，python，objective-c等等），讀者可自行下載
https://github.com/search?q=2048&ref=cmdform




不同平臺下的效果圖：


windows

下載量已超越千萬的爆紅游戲2048（同名小3傳奇、1024）源代碼解密和下載（第一篇）



html5網頁

下載量已超越千萬的爆紅游戲2048（同名小3傳奇、1024）源代碼解密和下載（第一篇）


android平臺（各種主題版本）


下載量已超越千萬的爆紅游戲2048（同名小3傳奇、1024）源代碼解密和下載（第一篇）下載量已超越千萬的爆紅游戲2048（同名小3傳奇、1024）源代碼解密和下載（第一篇）下載量已超越千萬的爆紅游戲2048（同名小3傳奇、1024）源代碼解密和下載（第一篇）

下載量已超越千萬的爆紅游戲2048（同名小3傳奇、1024）源代碼解密和下載（第一篇）下載量已超越千萬的爆紅游戲2048（同名小3傳奇、1024）源代碼解密和下載（第一篇）下載量已超越千萬的爆紅游戲2048（同名小3傳奇、1024）源代碼解密和下載（第一篇）



代碼分析：

1初始化；進入游戲，初始化4*4表格，并隨機產生兩個2；

# 二維數組this.tables表格循環存入數據

#random1, random2 ,random11, random22四個隨機數可以確定兩個2的xy位置；

#方法newNumber里面，根據位置i,j和級別num可以確定一個新的數字；創建背景cell和cell上面的數字標簽cellLabel；并根據num確定是否顯示cellLabel；最后給cell關聯一個data數據；特別說明這里的number：num不是精靈上面的數字而是精靈的級別，比如number=11 則數字是1024


[javascript]view plaincopy下載量已超越千萬的爆紅游戲2048（同名小3傳奇、1024）源代碼解密和下載（第一篇）下載量已超越千萬的爆紅游戲2048（同名小3傳奇、1024）源代碼解密和下載（第一篇）

  1. MainLayer.prototype.onEnter = function () {  

  2. //version

  3. this.versionNum = indexVersions;  

  4. this.indexVersion = VERSIONS[this.versionNum];  

  5. this.title.setString(this.indexVersion.name + "目標：" + this.indexVersion.array[this.indexVersion.array.length - 1] + "");  

  7. var random1 = getRandom(4);  

  8. var random2 = getRandom(4);  

  9. while (random1 == random2) {  

  10.        random2 = getRandom(4);  

  11.    }  

  13. var random11 = getRandom(4);  

  14. var random22 = getRandom(4);  

  16. this.tables = new Array(4);  

  17. for (var i = 0; i < 4; i++) {  

  18. var sprites = new Array(4);  

  19. for (var j = 0; j < 4; j++) {  

  20. if (i == random1 && j == random11) {  

  21.                sprites[j] = this.newNumber(i, j, 1);  

  22.            } elseif (i == random2 && j == random22) {  

  23.                sprites[j] = this.newNumber(i, j, 1);  

  24.            } else {  

  25.                sprites[j] = this.newNumber(i, j, 0);  

  26.            }  

  27.        }  

  28. this.tables[i] = sprites;  

  29.    }  

  31. this.totalScore = 0;  

  33. };  

  36. MainLayer.prototype.newNumber = function (i, j, num) {  

  37. var cell = cc.MySprite.create(this.rootNode, "5.png", this.getPosition(i, j), 1);  

  38. var cellLabel = cc.MySprite.createLabel(cell, "");  

  40. if (num > 0) {  

  41.        cell.setColor(COLOR[num]);  

  42.        cellLabel.setVisible(true);  

  43.        cellLabel.setString(this.indexVersion.array[num]);  

  44.        cellLabel.setFontSize(this.indexVersion.labelFontSize);  

  45.    } else {  

  46.        cellLabel.setVisible(false);  

  47.    }  

  48.    cell.data = {col: i, row: j, numberLabel: cellLabel, number: num};  

  49. return cell;  

  50. };  




2 四個方向算法；玩游戲的時候觸摸四個方向，表格就向四個方向合并靠攏leftCombineNumber，rightCombineNumber，downCombineNumber，upCombineNumber，四個方法函數的算法都是一樣的，我只分析一個leftCombineNumber；

第一步 相同數據疊加 ：

#j從左到右變大，i從下到上變大；也就初始位置是左下角；

#如果該單元格級別不是空背景  cell.data.number != 0 ；

#從它的右邊開始var k = i + 1;  循環遍歷while (k < 4)  {k++}；

#如果遍歷到單元格級別也不是空背景 if (nextCell.data.number != 0) 遍歷結束 k = 4; break;；

#而且如果發現兩個單元的級別一樣if (cell.data.number == nextCell.data.number)

#級別數據number刷新變化

cell.data.number += 1;

nextCell.data.number = 0;


第二步 填充空數據；

#同理第一步，如果是空背景if (cell.data.number == 0)，也是循環遍歷while (k < 4)  {k++}；

#如果遍歷到單元格級別不是空背景 if (nextCell.data.number != 0)  ，空背景獲得該單元格的數據，而該單元格則設為空背景；

cell.data.number = nextCell.data.number;
nextCell.data.number = 0;


[javascript]view plaincopy下載量已超越千萬的爆紅游戲2048（同名小3傳奇、1024）源代碼解密和下載（第一篇）下載量已超越千萬的爆紅游戲2048（同名小3傳奇、1024）源代碼解密和下載（第一篇）

  1. //direction left

  2. MainLayer.prototype.leftCombineNumber = function () {  

  3. for (var j = 0; j < 4; j++) {  

  4. for (var i = 0; i < 4; i++) {  

  5. var cell = this.tables[i][j];  

  6. if (cell.data.number != 0) {  

  7. var k = i + 1;  

  8. while (k < 4) {  

  9. var nextCell = this.tables[k][j];  

  10. if (nextCell.data.number != 0) {  

  11. if (cell.data.number == nextCell.data.number) {  

  12.                            cell.data.number += 1;  

  13.                            nextCell.data.number = 0;  

  14. this.totalScore += SCORES[cell.data.number];  

  15.                        }  

  16.                        k = 4;  

  17. break;  

  18.                    }  

  19.                    k++;  

  20.                }  

  21.            }  

  22.        }  

  23.    }  

  25. for (j = 0; j < 4; j++) {  

  26. for (i = 0; i < 4; i++) {  

  27.            cell = this.tables[i][j];  

  28. if (cell.data.number == 0) {  

  29.                k = i + 1;  

  30. while (k < 4) {  

  31.                    nextCell = this.tables[k][j];  

  32. if (nextCell.data.number != 0) {  

  33.                        cell.data.number = nextCell.data.number;  

  34.                        nextCell.data.number = 0;  

  35.                        k = 4;  

  36.                    }  

  37.                    k++;  

  38.                }  

  39.            }  

  40.        }  

  41.    }  

  43. this.refreshNumber();  

  44. };  

  46. //direction right

  47. MainLayer.prototype.rightCombineNumber = function () {  

  48. for (var j = 0; j < 4; j++) {  

  49. for (var i = 3; i >= 0; i--) {  

  50. var cell = this.tables[i][j];  

  51. if (cell.data.number != 0) {  

  52. var k = i - 1;  

  53. while (k >= 0) {  

  54. var nextCell = this.tables[k][j];  

  55. if (nextCell.data.number != 0) {  

  56. if (cell.data.number == nextCell.data.number) {  

  57.                            cell.data.number += 1;  

  58.                            nextCell.data.number = 0;  

  59. this.totalScore += SCORES[cell.data.number];  

  60.                        }  

  61.                        k = -1;  

  62. break;  

  63.                    }  

  64.                    k--;  

  65.                }  

  66.            }  

  67.        }  

  68.    }  

  70. for (j = 0; j < 4; j++) {  

  71. for (i = 3; i >= 0; i--) {  

  72.            cell = this.tables[i][j];  

  73. if (cell.data.number == 0) {  

  74.                k = i - 1;  

  75. while (k >= 0) {  

  76.                    nextCell = this.tables[k][j];  

  77. if (nextCell.data.number != 0) {  

  78.                        cell.data.number = nextCell.data.number;  

  79.                        nextCell.data.number = 0;  

  80.                        k = -1;  

  81.                    }  

  82.                    k--;  

  83.                }  

  84.            }  

  85.        }  

  86.    }  

  88. this.refreshNumber();  

  89. };  

  91. MainLayer.prototype.downCombineNumber = function () {  

  92. for (var i = 0; i < 4; i++) {  

  93. for (var j = 0; j < 4; j++) {  

  94. var cell = this.tables[i][j];  

  95. if (cell.data.number != 0) {  

  96. var k = j + 1;  

  97. while (k < 4) {  

  98. var nextCell = this.tables[i][k];  

  99. if (nextCell.data.number != 0) {  

  100. if (cell.data.number == nextCell.data.number) {  

  101.                            cell.data.number += 1;  

  102.                            nextCell.data.number = 0;  

  103. this.totalScore += SCORES[cell.data.number];  

  104.                        }  

  105.                        k = 4;  

  106. break;  

  107.                    }  

  108.                    k++;  

  109.                }  

  110.            }  

  111.        }  

  112.    }  

  114. for (i = 0; i < 4; i++) {  

  115. for (j = 0; j < 4; j++) {  

  116.            cell = this.tables[i][j];  

  117. if (cell.data.number == 0) {  

  118.                k = j + 1;  

  119. while (k < 4) {  

  120.                    nextCell = this.tables[i][k];  

  121. if (nextCell.data.number != 0) {  

  122.                        cell.data.number = nextCell.data.number;  

  123.                        nextCell.data.number = 0;  

  124.                        k = 4;  

  125.                    }  

  126.                    k++;  

  127.                }  

  128.            }  

  129.        }  

  130.    }  

  132. this.refreshNumber();  

  133. };  

  135. //touch up

  136. MainLayer.prototype.upCombineNumber = function () {  

  137. for (var i = 0; i < 4; i++) {  

  138. for (var j = 3; j >= 0; j--) {  

  139. var cell = this.tables[i][j];  

  140. if (cell.data.number != 0) {  

  141. var k = j - 1;  

  142. while (k >= 0) {  

  143. var nextCell = this.tables[i][k];  

  144. if (nextCell.data.number != 0) {  

  145. if (cell.data.number == nextCell.data.number) {  

  146.                            cell.data.number += 1;  

  147.                            nextCell.data.number = 0;  

  148. this.totalScore += SCORES[cell.data.number];  

  149.                        }  

  150.                        k = -1;  

  151. break;  

  152.                    }  

  153.                    k--;  

  154.                }  

  155.            }  

  156.        }  

  157.    }  

  159. for (i = 0; i < 4; i++) {  

  160. for (j = 3; j >= 0; j--) {  

  161.            cell = this.tables[i][j];  

  162. if (cell.data.number == 0) {  

  163.                k = j - 1;  

  164. while (k >= 0) {  

  165.                    nextCell = this.tables[i][k];  

  166. if (nextCell.data.number != 0) {  

  167.                        cell.data.number = nextCell.data.number;  

  168.                        nextCell.data.number = 0;  

  169.                        k = -1;  

  170.                    }  

  171.                    k--;  

  172.                }  

  173.            }  

  174.        }  

  175.    }  

  177. this.refreshNumber();  

  178. };  




3 刷新數據和顏色；

上面的算法完成了，只是該精靈的data里面的數據發生了變化，但視覺上沒有任何變化，所以需要刷新數據和顏色

#新建一個空背景數組emptyCellList；

#又是循環二維數組this.tables

#得到單元格的文字標簽label，和級別cellNumber

#如果不是空背景cellNumber!=0,label顯示和設置文字內容和大小，同時如果檢測到是最高級別，游戲成功結束

#如果是空背景，label隱藏 emptyCellList添加該元素emptyCellList.push(cell);；


#得到一個emptyCellList后，如果發現該數組大小為空，也就無法再產生一個數字2了，游戲over；

#而如果數組大小不是空，隨機取一個位置randomCell，設置數據等級為0，數字為2，并播放縮放動畫runAction；


[javascript]view plaincopy下載量已超越千萬的爆紅游戲2048（同名小3傳奇、1024）源代碼解密和下載（第一篇）下載量已超越千萬的爆紅游戲2048（同名小3傳奇、1024）源代碼解密和下載（第一篇）

  1. MainLayer.prototype.refreshNumber = function () {  

  2. var emptyCellList = [];  

  3. for (var i = 0; i < 4; i++) {  

  4. var numbers = " ";  

  5. for (var j = 0; j < 4; j++) {  

  6. var cell = this.tables[i][j];  

  7. var label = cell.data.numberLabel;  

  8. var cellNumber = cell.data.number;  

  9. if (cellNumber != 0) {  

  10.                cell.setColor(COLOR[cellNumber]);  

  11.                label.setString(this.indexVersion.array[cellNumber] + " ");  

  12.                label.setFontSize(this.indexVersion.labelFontSize);  

  13.                label.setVisible(true);  

  14. if (cellNumber == (this.indexVersion.array.length - 1)) {  

  15. //check success

  16. var toast = cc.Toast.create(this.rootNode, "成功到達：" + this.indexVersion.array[cellNumber], 2);  

  17.                    toast.setColor(cc.c3b(255, 0, 0));  

  18. this.rootNode.scheduleOnce(function () {  

  19.                        cc.BuilderReader.runScene("", "MainLayer");  

  20.                    }, 2)  

  21.                }  

  22.            } else {  

  23.                cell.setColor(COLOR[cellNumber]);  

  24.                label.setVisible(false);  

  25.                emptyCellList.push(cell);  

  26.            }  

  27.            numbers += "  " + cellNumber;  

  28.        }  

  29.        cc.log("numbers==" + numbers);  

  30.    }  

  33. //score

  34. this.scoreLabel.setString("分數：" + this.totalScore);  

  36. if (emptyCellList.length < 1) {  

  37. //check fail

  38. var toast = cc.Toast.create(this.rootNode, "失敗！", 2);  

  39.        toast.setColor(cc.c3b(255, 0, 0));  

  40. this.rootNode.scheduleOnce(function () {  

  41.            cc.BuilderReader.runScene("", "MainLayer");  

  42.        }, 2)  

  43.    } else {  

  44. //create random cell

  45. var randomCell = emptyCellList[getRandom(emptyCellList.length)];  

  46.        randomCell.data.number = 1;  

  47.        randomCell.data.numberLabel.setVisible(true);  

  48.        randomCell.data.numberLabel.setString(VERSIONS[this.versionNum].array[1] + "");  

  49.        randomCell.data.numberLabel.setFontSize(this.indexVersion.labelFontSize);  

  50.        randomCell.setColor(COLOR[1]);  

  51.        randomCell.runAction(cc.Sequence.create(cc.ScaleTo.create(0, 0.8), cc.ScaleTo.create(0.5, 1)));  

  53.    }  

  55. };  




4 觸摸檢測 兩個觸摸點this.pEnded this.pBegan 根據x y確定方向，再根據距離確定左右和上下；


[javascript]view plaincopy下載量已超越千萬的爆紅游戲2048（同名小3傳奇、1024）源代碼解密和下載（第一篇）下載量已超越千萬的爆紅游戲2048（同名小3傳奇、1024）源代碼解密和下載（第一篇）

  1. MainLayer.prototype.onTouchesEnded = function (touches, event) {  

  2. this.pEnded = touches[0].getLocation();  

  3. if (this.pBegan) {  

  4. if (this.pEnded.x - this.pBegan.x > 50) {  

  5. this.rightCombineNumber();  

  6.        }  

  8. elseif (this.pEnded.x - this.pBegan.x < -50) {  

  9. this.leftCombineNumber();  

  10.        }  

  12. elseif (this.pEnded.y - this.pBegan.y > 50) {  

  13. this.upCombineNumber();  

  14.        }  

  16. elseif (this.pEnded.y - this.pBegan.y < -50) {  

  17. this.downCombineNumber();  

  18.        }  

  19.    }  

  20. };  


思路很清晰簡單，游戲卻是簡約不簡單；




cocos2d-x跨平臺游戲引擎

cocos2d-x是全球知名的游戲引擎 ，引擎在全球范圍內擁有眾多開發者，涵蓋國內外各知名游戲開發商。目前Cocos2d-x引擎已經實現橫跨ios、Android、Bada、MeeGo、BlackBerry、Marmalade、Windows、Linux等平臺。編寫一次，到處運行，分為兩個版本 cocos2d-c++和cocos2d-html5 本文使用了后者；
cocos2d-x 官網：http://cocos2d-x.org/
cocos2d-x 資料下載  http://cocos2d-x.org/download



CocosEditor開發工具：

CocosEditor，它是開發跨平臺的手機游戲工具，運行window/mac系統上，javascript腳本語言，基于cocos2d-x跨平臺游戲引擎, 集合代碼編輯，場景設計，動畫制作，字體設計，還有粒子，物理系統，地圖等等的，而且調試方便，和實時模擬；

CocosEditor 下載，介紹和教程：http://blog.csdn.net/touchsnow/article/details/19070665；

CocosEditor官方博客：http://blog.makeapp.co/；



2048系列文章

2048源代碼解密和下載（第一篇 分析原版）

2048源代碼解密和下載（第二篇 分析各種版本）




傳送門（優質博文）：

flappy bird游戲源代碼揭秘和下載

flappy bird游戲源代碼揭秘和下載后續---移植到android真機上

flappy bird游戲源代碼揭秘和下載后續---移植到html5網頁瀏覽器

flappy bird游戲源代碼揭秘和下載后續---日進5萬美元的秘訣AdMob廣告



PopStar(消滅星星)游戲源代碼下載、分析及跨平臺移植---第一篇（界面）

PopStar(消滅星星)游戲源代碼下載、分析及跨平臺移植---第二篇（算法）

PopStar(消滅星星)游戲源代碼下載、分析及跨平臺移植---第三篇（分數）

PopStar(消滅星星)游戲源代碼下載、分析及跨平臺移植---第四篇（關卡）



Fruit Ninja(水果忍者)游戲源代碼下載、分析（上）

Fruit Ninja(水果忍者)游戲源代碼下載、分析（中）

Fruit Ninja(水果忍者)游戲源代碼下載、分析（下）


筆者語：

想了解更多請進入官方博客，最新博客和代碼在官方博客首發；請持續關注，還有更多CocosEditor游戲源碼即將放出；

聯系筆者：zuowen@makeapp.co（郵箱） qq群：232361142


附錄：

整理各種版本的2048在線玩，狂歡起來吧；

1、2048原始版
http://gabrielecirulli.github.io/2048/
2、2048進階版（有乘法和繼續玩下去的功能）
http://baiqiang.github.io/2048-advanced/
3、2048漢化版1：甲乙丙丁
http://tiansh.github.io/2048/zhong/
4、2048漢化版2：商周秦漢
http://oprilzeng.github.io/2048/
5、2048喵喵版：色弱慎入
http://hczhcz.github.io/2048/20mu/
6、2048喪病版：8*8
http://cyberzhg.github.io/2048/
7、2048flappy版
http://hczhcz.github.io/Flappy-2048/
8、2048六角形版
http://baiqiang.github.io/2048-hexagon/
9、2048cross版
http://baiqiang.github.io/2048-cross/
10、2048double版
http://baiqiang.github.io/2048-double/
11、2048哲學版
http://learn.tsinghua.edu.cn:8080/2013310744/philosopher2048/

12、2048一步登天版
http://jennypeng.me/2048/
13、2048斐波那契數列版
http://mike199515.free3v.com/1597/2.htm
14、2048雙人對戰版
http://emils.github.io/2048-multiplayer/
15、2048變2版
https://www.prism.gatech.edu/~hli362/
16、2048直線版
http://tiansh.github.io/2048/
17、新增3D版的2048：
http://baiqiang.github.io/2048-3d/
18、2048的一個合集：
http://get2048.com/


向AI問一下細節

免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。

AI
助
手
洮南市| 虹口区| 石门县| 张家港市| 洪湖市| 宁陵县| 湘乡市| 虹口区| 静安区| 廊坊市| 大关县| 铜川市| 新野县| 察哈| 南靖县| 读书| 乌海市| 冕宁县| 星子县| 蕉岭县| 莎车县| 正镶白旗| 信阳市| 肇庆市| 乡城县| 宁化县| 湖州市| 黄陵县| 封开县| 万载县| 大宁县| 禹城市| 武汉市| 遂川县| 邢台市| 昌江| 西乡县| 常宁市| 上饶县| 尉犁县| 南溪县|