2018年微信小程序小游戲開發(fā)入門大全(附實(shí)例)
小程序小游戲很火,現(xiàn)在開發(fā)小程序游戲成為一個(gè)熱門的行業(yè),下面來開始進(jìn)入小程序小游戲開發(fā)基礎(chǔ)快速入門課程。
安裝開發(fā)工具
前往 開發(fā)者工具下載頁面 ,根據(jù)自己的操作系統(tǒng)下載對應(yīng)的安裝包進(jìn)行安裝。
微信小游戲開發(fā)相關(guān)文章:
你的第一個(gè)小游戲
新建項(xiàng)目選擇小程序項(xiàng)目,選擇代碼存放的硬盤路徑。 目前小游戲不提供公開注冊,可點(diǎn)擊體驗(yàn)小游戲使用無 AppID 模式。 給你的項(xiàng)目起一個(gè)好聽的名字,最后,勾選“建立游戲快速啟動(dòng)模板”(注意:你要選擇一個(gè)空的目錄才會(huì)有這個(gè)選項(xiàng)),點(diǎn)擊確定,你就得到了你的第一個(gè)小游戲了。
點(diǎn)擊頂部菜單編譯就可以在 IDE 預(yù)覽你的第一個(gè)小游戲。
真機(jī)預(yù)覽
點(diǎn)擊工具上的編譯按鈕,可以在工具的左側(cè)模擬器界面看到這個(gè)小游戲的表現(xiàn)。點(diǎn)擊預(yù)覽按鈕,通過微信的掃一掃在手機(jī)上體驗(yàn)?zāi)愕牡谝粋€(gè)小游戲。
文件結(jié)構(gòu)
小游戲只有以下兩個(gè)必要文件:
├── game.js
└── game.json
game.js 小游戲入口文件
game.json 配置文件
配置
小游戲開發(fā)者通過在根目錄編寫一個(gè) game.json 文件進(jìn)行配置,開發(fā)者工具和客戶端需要讀取這個(gè)配置,完成相關(guān)界面渲染和屬性設(shè)置。
deviceOrientation支持的屏幕方向
showStatusBar是否顯示狀態(tài)欄
networkTimeout網(wǎng)絡(luò)請求的超時(shí)時(shí)間,單位:毫秒
networkTimeout.requestwx.request 的超時(shí)時(shí)間,單位:毫秒
networkTimeout.connectSocketwx.connectSocket 的超時(shí)時(shí)間,單位:毫秒
networkTimeout.uploadFilewx.uploadFile 的超時(shí)時(shí)間,單位:毫秒
networkTimeout.downloadFilewx.downloadFile 的超時(shí)時(shí)間,單位:毫秒
workers多線程 Worker 配置項(xiàng),詳細(xì)請參考 Worker文檔
deviceOrientation
值說明
portrait豎屏
landscape橫屏
示例配置
{
"deviceOrientation": "portrait",
"networkTimeout": {
"request": 5000,
"connectSocket": 5000,
"uploadFile": 5000,
"downloadFile": 5000
}
}
HiShop小程序工具提供多類型商城/門店小程序制作,可視化編輯 1秒生成5步上線。通過拖拽、拼接模塊布局小程序商城頁面,所看即所得,只需要美工就能做出精美商城。了解更多小程序商城個(gè)性化定制,請查看小程序商城申請
第二部分:如何開通一個(gè)小商店
- 第 1 頁【微信小程序小游戲】2018年微信小程序小游戲開發(fā)入門大全(附實(shí)例)
- 第 2 頁【小程序游戲語言】 微信小程序小游戲開發(fā)語言是javascript,小程序創(chuàng)建canvas
- 第 3 頁【小程序小游戲動(dòng)畫】 小程序小游戲怎么做動(dòng)畫,小程序小游戲動(dòng)畫代碼介紹
- 第 4 頁【小程序小游戲交互】 小程序小游戲觸摸事件怎么做
- 第 5 頁【小程序游戲開發(fā)結(jié)構(gòu)】 小程序小游戲文件結(jié)構(gòu)和開發(fā)語言
- 第 6 頁【小程序小游戲案例】 敲磚塊小游戲開發(fā)實(shí)例詳細(xì)步驟講解(附代碼)