自從2019年微信公開課Pro在微信之夜演示《跳一跳》以來,微信小游戲已經不知不覺走過的三年,這三年中我們可以明顯看到微信對小游戲的扶持,對于微信開發者來說,微信小游戲開發以及成為了必備技能之一。

5月22日的《HelloWorld公開課》,騰訊云TVP,《小程序從0到1:微信全棧工程師一本通》作者李藝老師就教你,如何從0開發一款微信小游戲項目
創建項目
工欲善其事必先利其器,在正式開發游戲之前,我們要先到微信公眾平臺去注冊賬號,并下載相關開發工具。然后通讀一遍微信小游戲開發文檔,看微信官方為我們提供了哪些開發支持。
微信小游戲開發文檔:
https://developers.weixin.qq.com/miniprogram/dev/devtools/devtools.html
接下來我們開始創建項目,通過下面的圖片可以看到,微信官方已經自動幫我們創建了一個項目模板,然后通過調試基礎庫,我們要勾選圖片中所示的選項,這些都是在開發小游戲時必不可少的工具。

項目結構與調試代碼
通過這個小游戲demo,我們可以看到如下圖所示的項目結構,其中audio是音頻文件,存儲了游戲中所需要的音頻,images是圖片文件,游戲中所需要的圖片,比如我們這個小游戲中的飛機、地圖等圖片都存在這個文件夾中。
下面的JS文件夾就是項目的源碼了,main.js是整個游戲項目的主類,libs是開發中常用的一些庫。下面的NPC文件就是游戲中實現角色的文件夾,也就是我們日常理解的游戲NPC。player是實現游戲功能的模塊,比如我們這個游戲demo是飛機大戰,那么這個模塊的作用就是實現子彈爆炸效果。

微信小游戲中的調試有兩種方式,第一種是項目開發中的預覽功能,第二種則是下圖所示的二維碼真機調試功能,你可以將這個二維碼遠程發給任何人,讓他幫你來調試。

創建游戲畫布
游戲畫布是整個游戲開發中最重要的組成部分,每一幀重會新繪制所有需要展示的元素。在微信小游戲開發中,根據官方API文檔,我們通過createCanvas的方式來繪制畫布,并往里填充屬性,由于涉及到具體代碼演示,感興趣的同學可以點擊下方鏈接觀看這部分的內容。
講師介紹
李藝,騰訊云最具價值專家(TVP),《小程序從0到1:微信全棧工程師一本通》作者,擁有近20年互聯網軟件研發經驗,曾是北京協同創新研究院人工智能項目負責人,Adobe中國15位社區管理員之一,目前是日行一課聯合創始人兼CTO。
《Hello,World公開課》是由開課吧推出的面向廣大開發工程師的免費加餐課,集結業內名師大咖,聚焦熱門技術和實戰解決方案,以專業知識分享交流為橋梁,鏈接正在創造世界的一群科技主力們,向初心致敬,為技術發燒。無論你是初入職場的應屆生,還是準備升職加薪的職場精英,相信這里都有你需要的養料。