1. 程式人生 > >微信小遊戲 - 開發工具安裝 - 官方 Demo 執行

微信小遊戲 - 開發工具安裝 - 官方 Demo 執行

安裝開發工具

     有了《微信小遊戲 - 理論介紹 - 賬號註冊 - 開發前準備》小程式帳號之後,需要一個開發工具來進行開發小程式/遊戲。前往 開發者工具下載頁面 ,根據自己的作業系統下載對應的安裝包進行安裝。有關開發者工具更詳細的介紹可以檢視 《開發者工具介紹》 。

     最新版本下載地址 (1.02.1810250):Windows 64位 / Windows 32位 / Mac OS

Windows 僅支援 Windows 7 及以上版本。

     安裝非常簡單,與普通軟體安裝一致,安裝完成後如下所示:

      微信小遊戲-全套視訊-文件-原始碼-教程 下載。

第一個小遊戲

     小遊戲官方開發文件:https://developers.weixin.qq.com/minigame/dev/index.html?t=18110719

     安裝成功後,雙擊圖示執行 “微信開發者工具” ,如下左圖所示,需要管理員或者其它具有開發者許可權的微信使用者使用微信掃碼登入。登入之後如下右圖所示,選擇 “小程式專案”。

接著點選如下左圖所示的“+”號新建專案:

專案目錄:需要選擇一個空目錄,或者選擇的非空目錄下存在 app.json 或者 project.config.json。當選擇空目錄時,可以選擇是否在該目錄下生成一個簡單的專案。如上所示 E:\tencent\yy2048 是一個空目錄,yy2048 目錄會作為一個專案目錄。

AppID:如果已經成功註冊了小程式(遊戲)賬號,則可以在 “設定-開發設定”,獲取 AppID 資訊;也可以前往 小遊戲註冊 通過註冊小遊戲帳號來獲得 AppId;也可以如圖所示選擇申請使用測試號

專案名稱:建議與“專案目錄”最後一級目錄名稱相同即可,也可以自己重新定義。

建立遊戲快速啟動模板:如果勾選此項,則應用新建之後會自帶微信預設的 Demo  小遊戲—打飛機。不勾選則會新建一個空專案。

點選“確定”按鈕之後,如下所示應用建立成功:

1)點選頂部選單 “編譯” 就可以在 IDE 中預覽小遊戲:

2)點選工具上的 "編譯" 按鈕,可以在工具的左側模擬器介面看到這個小遊戲的表現。點選 "預覽" 按鈕,通過微信的掃一掃在手機上可以真機體驗小遊戲。

應用檔案結構

小遊戲只有以下兩個必要檔案:

├── game.js —— 小遊戲入口檔案
└── game.json —— 配置檔案,小遊戲開發者通過在根目錄編寫一個 game.json 檔案進行配置,詳情請參見小遊戲配置文件


1)程式碼包大小限制:每個小遊戲允許上傳的程式碼包總大小為 4MB。

2)wx API:只能使用 JavaScript 來編寫小遊戲,小遊戲的執行環境是一個綁定了一些方法的 JavaScript VM。不同於瀏覽器,這個執行環境沒有 BOM 和 DOM API,只有 wx API。接下來將介紹如何用 wx API 來完成建立畫布、繪製圖形、顯示圖片以及響應使用者互動等基礎功能。

3)從 js 檔案內容可以看出:微信小遊戲預設採用 ECMA Script 6(簡稱ES6)JavaScript 版本進行編寫。雖然使用 ES 5 版本的 JavaScript 編寫也能正常執行,但是不推薦。建議採用 ES 6 風格進行編碼。ES 5 面向過程程式設計,ES 6 面向物件程式設計!