激情久久久_欧美视频区_成人av免费_不卡视频一二三区_欧美精品在欧美一区二区少妇_欧美一区二区三区的

服務器之家:專注于服務器技術及軟件下載分享
分類導航

node.js|vue.js|jquery|angularjs|React|json|js教程|

服務器之家 - 編程語言 - JavaScript - js教程 - 如何用CocosCreator制作微信小游戲

如何用CocosCreator制作微信小游戲

2022-03-03 16:47我叫墨小白 js教程

這篇文章主要介紹了如何用CocosCreator制作微信小游戲,從下載工具到配置,最后連接微信小游戲預覽,一步步很詳細,希望讀者們仔細看一下

CocosCreator在1.8版本開始,就支持一鍵發布微信小程序,下面是詳細的發布步驟:

1、在微信公眾平臺下載微信開發者工具

 地址: https://mp.weixin.qq.com/debug/wxagame/dev/devtools/download.html?t=2018115,根據需要選擇相應的版本。

2、cocoscreator設置

選擇Cocos Creator --> 偏好設置 --> 原生開發環境,配置WechatGame程序路徑,點擊保存并關閉。

如何用CocosCreator制作微信小游戲

3、配置構建發布

下面的界面:

如何用CocosCreator制作微信小游戲

 游戲名稱根據需要自己寫入,發布平臺懸著Wechat Game,appid可以暫時不填寫,因為微信小游戲是可以支持無appid的調試,但是會有功能受到限制。根據項目需要,選擇初始場景以及參與構建的場景。MD5 Cache的勾選,根據官方文檔,是為了進行版本控制(不明白就先勾上,下文會用得到)。詳細內容可以參考官方文檔。 當你看到箭頭3指向的內容顯示completed,則表示已經構建成功了。因為我是直接構建成功,沒遇到什么意外情況,所以是不是有坑,我就不清楚了,如果遇到了問題,最直接的辦法就是使用creator的helloworld工程進行編譯,如果沒有編譯成功,就檢查下自己的環境是不是配置的有問題。 一切OK,點擊運行。

4、打開小程序項目

如果你是第一次打開,會看到下面的界面:

如何用CocosCreator制作微信小游戲

選擇小程序項目,進入下面的界面 

如何用CocosCreator制作微信小游戲

選擇項目目錄,(項目路徑)(項目名稱)uildwechatgame,如果有appId,直接填寫,也可以注冊,我只是做一個demo,趟趟雷,所以直接選擇小游戲,點擊確定。

5、進入微信開發工具 

如何用CocosCreator制作微信小游戲

這時候你就可以看到你編輯的游戲界面了,你也可以直接在界面上直接游戲,檢驗下游戲有沒有問題。順便給小白推薦個教程, http://www.byjth.com/CocosCreator/66.html閉眼就天黑的博客,很適合小白學習怎么使用creator去做游戲,只看教程是沒用的,重點還是多學多做。這個游戲就是照著他的教程擼出來的。

6、編譯

可以在工具上的左側模擬器界面看到這個小游戲的運行。

7、預覽

可以通過微信的掃一掃在手機上體驗你的第一個小游戲。但是有一個需要注意的地方,如果按照這個教程來走的話,你可能會遇到這個問題( 代碼包大小為 xxxx kb,上限為 4096 kb,請刪除文件后重試 ),如果運氣好,包體大小正好小于4096kb,那就可以用手機玩玩了。好了,別著急,現在來填坑。 根據官方文檔介紹,在小游戲的環境中,資源管理是最特殊的部分,其中就有一條,  小游戲的包內體積不能夠超過 4mb,包含所有代碼和資源,額外的資源必須通過網絡請求下載。這就有點尷尬了,只有4m,那就只能使用網絡下載了,不要擔心,處理起來很簡單,因為cocoscreator已經給我們封裝好了,可以直接調用。 具體操作步驟如下:

  • 在構建時,勾選md5Cache,上文已經勾選了,如果沒有勾選,請重新build一下。
  • 將小游戲發布包中的res文件夾完整的上傳到服務器。
  • 刪除發布包中的res文件夾。
  • 在 main.js 中,找到對應代碼段并添加 REMOTE_SERVER_ROOT 的設置 require("libs/wx-downloader.js"); // 添加這行代碼,將 URL 修改為正確的 res 遠程路徑。 wxDownloader.REMOTE_SERVER_ROOT = "https://www.xxx.com/remote-res/"; boot();PS:如果你不太了解在哪里加,在main文件搜索boot();找到 else if ( true ) ,就在這兒加。另外,網絡地址指向的是res的父目錄,即res的上一層。不過,后面發現在game.js下面也有這個路徑,我直接在那里寫入了網址,也是ok的,具體情況不太清楚,總之兩處寫一處就好。
  • 對于測試階段來說,可能你無法部署到正式服務器上,需要用本地服務器來測試,那么請在微信開發者工具中打開詳情頁面,勾選項目設置中的 不檢驗安全域名、TLS 版本以及 HTTPS 證書 選項。

8、預覽成功

會生成一個二維碼,使用微信掃一掃,打開小游戲,這時候,你可能看到有編譯異常,不用太在意,先看下運行效果。你可能看到的是全黑的一屏,點擊右上角的...選擇打開調試,重新掃一下二維碼,這時候手機上就可以運行了。
至此,小游戲的開發部署算是完成了。

以上就是如何用CocosCreator制作微信小游戲的詳細內容,更多關于CocosCreator制作微信小游戲的資料請關注服務器之家其它相關文章!

原文鏈接:https://blog.csdn.net/qq_16224121/article/details/79198123

延伸 · 閱讀

精彩推薦
  • js教程uniapp微信小程序:key失效的解決方法

    uniapp微信小程序:key失效的解決方法

    這篇文章主要介紹了uniapp微信小程序:key失效的解決方法,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友...

    灬都是個謎11152022-01-05
  • js教程mustache.js實現首頁元件動態渲染的示例代碼

    mustache.js實現首頁元件動態渲染的示例代碼

    這篇文章主要介紹了mustache.js實現首頁元件動態渲染的示例代碼,本文給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可...

    code2roc4272021-12-21
  • js教程原生js實現九宮格拖拽換位

    原生js實現九宮格拖拽換位

    這篇文章主要為大家詳細介紹了原生js實現九宮格拖拽換位,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下...

    _小木不是木_12042022-01-07
  • js教程使用JSX實現Carousel輪播組件的方法(前端組件化)

    使用JSX實現Carousel輪播組件的方法(前端組件化)

    做這個輪播圖的組件,我們先從一個最簡單的 DOM 操作入手。使用 DOM 操作把整個輪播圖的功能先實現出來,然后在一步一步去考慮怎么把它設計成一個組件...

    三鉆4192022-02-24
  • js教程微信小程序實現登錄注冊功能

    微信小程序實現登錄注冊功能

    這篇文章主要介紹了微信小程序實現登錄注冊功能,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下...

    保護我方豆豆5512021-12-22
  • js教程javascript實現圖片預加載和懶加載

    javascript實現圖片預加載和懶加載

    這篇文章主要為大家詳細介紹了javascript實現圖片預加載和懶加載,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下...

    啊a阿花8272022-02-16
  • js教程使用 JavaScript 進行數據分組最優雅的方式

    使用 JavaScript 進行數據分組最優雅的方式

    對數據進行分組,是我們在開發中經常會遇到的需求,使用 JavaScript 進行數據分組的方式也有很多種,但是由于沒有原生方法的支持,我們自己實現的數據...

    code秘密花園4602021-12-27
  • js教程JS canvas實現畫板和簽字板功能

    JS canvas實現畫板和簽字板功能

    這篇文章主要為大家詳細介紹了JS canvas實現畫板和簽字板功能,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下...

    莫兮是我10682022-01-22
主站蜘蛛池模板: 久久久一区二区精品 | 成人免费观看在线视频 | 日韩精品一区不卡 | 欧美高清视频一区 | 亚洲电影免费观看国语版 | 久久精品com | 一级片国产片 | 性猛交ⅹxxx乱巴西 欧美日韩1区2区3区 | 国产精品一区二区日韩 | 啪啪毛片 | 日韩精品羞羞答答 | 在线观看网址av | 欧美一区二区三区四区五区动图 | 精品一区二区久久久久久久网精 | 亚洲免费在线视频 | 一级大片一级一大片 | 热99视频 | 国产精品麻豆91 | 7777欧美| 午夜视| 深夜影院一级毛片 | 在线观看国产网站 | 黄色午夜剧场 | 国产精品久久久久久久久久大牛 | 国产精品免费久久久久久 | 日本在线视频免费观看 | 日本欧美一区二区三区视频麻豆 | chinese乱子伦xxxx国语对白 | 刘亦菲一区二区三区免费看 | 国产精品久久亚洲 | 小雪奶水翁胀公吸小说最新章节 | 国产精品视频一区二区三区综合 | 亚洲午夜在线视频 | 久久久国产电影 | 91九色精品 | 黄色免费电影网址 | 午夜视频在线看 | 久久噜噜噜| 中文在线免费观看 | 国产麻豆交换夫妇 | 毛片在线免费视频 |