1. 程式人生 > >cocos creator 修改原始碼教程並使瀏覽器預覽生效(js)

cocos creator 修改原始碼教程並使瀏覽器預覽生效(js)

更新:使用cocos creator 引擎自帶的build工具,使用gulp重新build即可!引擎定製

首先 你需要知道的:

1.原始碼位置 :

cocos creator 的 網頁版本引擎位於 cocos creator安裝目錄下的 \resources\engine\cocos2d下;以下圖為例 : D:\Wokd Space\CocosCreator既是我的引擎安裝目錄。

2. 引擎瀏覽器預覽時所採用的原始碼檔案位置(引擎安裝目錄下的 \resources\engine\bin\cocos2d-js-for-preview.js 也就是預覽時會直接從這裡讀取cocos2d-x所有相關類):


3. 構建web專案採用的cocos2d-js.js 或者 cocos2d-js-min.js位置

如果是除錯模式則構建時生成的是cocos2d-js.js檔案 否則為cocos2d-js-min.js檔案

在引擎的構建過程中 它會讀取引擎目錄下的 \resources\engine\bin\.cache 下的cocos2d-js檔案! 將其直接拷貝到構建目錄下!


4. 非第一次構建web專案 則專案的 buid目錄下的的 對應平臺目錄下存在 cocos2d-js檔案!則構建會直接採用這個而不進行生成!


綜上:

你修改完引擎目錄下的檔案後 重啟編輯器面板是 能夠生效的,但是在預覽下采用的是上面2所說的 cocos2d-js-preview.js檔案!所以你會發現預覽不起效果

如果你修改原始碼前沒有進行任何構建 則構建後預覽會生效!

但是如果你之前構建了 則採用的是之前的舊得 上面 3 4 所說的 cocos2d-js檔案。所以構建了預覽也不會生效。

總結 : 

構建時首先採用的是專案構建目錄下的cocos2d-js檔案,若不存在 則採用 引擎目錄下的 \resources\engine\bin\.cache 下的檔案 若都不存在 才重新使用原始碼生成專案!

所以在我們修改原始碼完成後:

1. 重啟編輯器

2.清空專案構建目錄下對應平臺的資料夾(eg : ./build/web-moble)

3.清空引擎目錄下的 \resources\engine\bin\.cache資料夾

4.構建專案

構建專案 執行發現修改已經生效了 

如果需要預覽也生效的話 需要拷貝構建生成的cocos2d-js檔案 重新命名為cocos2d-js-preview.js 替換  引擎下的 \resources\engine\bin\cocos2d-js-for-preview.js 即可!與之對應的cocos2d-js.map檔案同樣操作!

需要注意的是如果你修改原始碼後存在編譯錯誤,則使用cocos creator開啟專案時 會出現面板空白。這個時候檢查你修改的原始碼 並改正錯誤後 重新開啟編輯器即可生效了。