周末了，總是忍不住想放飛下自己，于是就試玩了一會大西瓜合成的小游戲，結果愣是停不下來，有點上頭啊，
這小游戲很有特點啊，界面第一次打開的時候只有 loading，竟然沒有廣告，良心了，說白了，這款小游戲就是俄羅斯方塊、2048、水果忍者的結合體（可不只是題主說的 2048 的翻版），通過控制水果的下落，兩個相同的水果碰撞到一塊的時候就會合成更大的水果，同時迸發出濺射的效果，
第一次合成大西瓜的時候界面效果簡直亮瞎了我的雙眼，不過說句實在話，可能有戲還不太完善，我第一把就卡死了，可能得分太高了吧！
六天前就有朋友在安利這款小游戲，第一次看到的時候我想，這破游戲有什么好玩的，不就是合成個大西瓜嘛，對此不屑一顧，
直到昨天我看到魚皮老弟分享了一篇《魔改大西瓜》的文章，就忍不住也想自己魔改下，畢竟吃瓜群眾玩合成大西瓜，吃瓜程式員當然要玩原始碼，這才是正確的姿勢嘛，
整個代碼目錄并不復雜，是基于 cocos2d 游戲引擎開發的，
- index.html，游戲的主頁面
- project.js，核心代碼，游戲邏輯都在這里面
- settings.js，組態檔
- res 目錄，存放圖片和音頻等資源
我以為直接雙擊 index.html 就可以在本地運行，結果卡在了 99% 的 loading 上，
原因也很簡單，雙擊網頁檔案的訪問協議是 file，而不是 HTTP，導致一些資源無法加載，解決方案是本地搭建一個 Web 服務器，怎么搭呢？
第一步，安裝 Node.js，可以通過下面的路徑下載安裝包，
http://nodejs.cn/download/
安裝完成后通過 npm -v 查看是否安裝成功，npm 是 Node.js 的模塊管理器，功能及其強大，
第二步，安裝 Vue CLI，一個基于 Vue.js 進行快速開發的完整系統，提供了一個運行時依賴，檔案見一下路徑：
https://cli.vuejs.org/zh/guide/
安裝完成后通過 vue --version 查看是否安裝成功，
第三步，安裝 serve 服務，可通過 npm i serve -g 命令進行安裝，如果 npm 安裝比較慢的話，可以通過 cnpm 來安裝，cnpm 是淘寶提供的一個 npm 的鏡像，國內訪問的速度更快，
如果出現 Error: EACCES: permission denied 表示沒有權限，需要在命令前面加上 sudo，我在《Shell，牛逼》 這篇內容里有解釋，
安裝完成后通過 serve -v 查看是否安裝成功，
第四步，進入到合成大西瓜的原始碼包下，執行 serve 啟動本地 Web 服務，
第五步，在瀏覽器地址欄鍵入本地或者網路可以訪問的地址就可以啟動 Web 服務器了，趁機玩了一把，舒服了，
我也知道，最近娛樂圈八卦多，西瓜多，吃到撐爆，確實給這款小游戲的傳播帶來了一定的貧訓，但站在程式員的角度來看，這款游戲好玩才是它火起來的本質，這是我從作者的原始碼得出來的結論，
如果你恰好也是程式員，想從原始碼里學點東西，可以點擊下面的鏈接：
https://github.com/itwanger/daxigua
好了，祝各位周末愉快，玩得開心！
CSDN認證博客專家
博客之星
Java 大牛
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/255164.html
標籤：其他