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

5月22日的《HelloWorld公開課》，騰訊云TVP，《小程序從0到1：微信全棧工程師一本通》作者李藝老師就教你，如何從0開發(fā)一款微信小游戲項目

 創(chuàng)建項目

工欲善其事必先利其器，在正式開發(fā)游戲之前，我們要先到微信公眾平臺去注冊賬號，并下載相關(guān)開發(fā)工具。然后通讀一遍微信小游戲開發(fā)文檔，看微信官方為我們提供了哪些開發(fā)支持。

微信小游戲開發(fā)文檔：
https://developers.weixin.qq.com/miniprogram/dev/devtools/devtools.html

接下來我們開始創(chuàng)建項目，通過下面的圖片可以看到，微信官方已經(jīng)自動幫我們創(chuàng)建了一個項目模板，然后通過調(diào)試基礎(chǔ)庫，我們要勾選圖片中所示的選項，這些都是在開發(fā)小游戲時必不可少的工具。

 項目結(jié)構(gòu)與調(diào)試代碼

通過這個小游戲demo，我們可以看到如下圖所示的項目結(jié)構(gòu)，其中audio是音頻文件，存儲了游戲中所需要的音頻，images是圖片文件，游戲中所需要的圖片，比如我們這個小游戲中的飛機、地圖等圖片都存在這個文件夾中。

下面的JS文件夾就是項目的源碼了，main.js是整個游戲項目的主類，libs是開發(fā)中常用的一些庫。下面的NPC文件就是游戲中實現(xiàn)角色的文件夾，也就是我們?nèi)粘＠斫獾挠螒騈PC。player是實現(xiàn)游戲功能的模塊，比如我們這個游戲demo是飛機大戰(zhàn)，那么這個模塊的作用就是實現(xiàn)子彈爆炸效果。

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

 創(chuàng)建游戲畫布

游戲畫布是整個游戲開發(fā)中最重要的組成部分，每一幀重會新繪制所有需要展示的元素。在微信小游戲開發(fā)中，根據(jù)官方API文檔，我們通過createCanvas的方式來繪制畫布，并往里填充屬性，由于涉及到具體代碼演示，感興趣的同學可以點擊下方鏈接觀看這部分的內(nèi)容。

 講師介紹

李藝，騰訊云最具價值專家（TVP），《小程序從0到1：微信全棧工程師一本通》作者，擁有近20年互聯(lián)網(wǎng)軟件研發(fā)經(jīng)驗，曾是北京協(xié)同創(chuàng)新研究院人工智能項目負責人，Adobe中國15位社區(qū)管理員之一，目前是日行一課聯(lián)合創(chuàng)始人兼CTO。

《Hello,World公開課》是由開課吧推出的面向廣大開發(fā)工程師的免費加餐課，集結(jié)業(yè)內(nèi)名師大咖，聚焦熱門技術(shù)和實戰(zhàn)解決方案，以專業(yè)知識分享交流為橋梁，鏈接正在創(chuàng)造世界的一群科技主力們，向初心致敬，為技術(shù)發(fā)燒。無論你是初入職場的應(yīng)屆生，還是準備升職加薪的職場精英，相信這里都有你需要的養(yǎng)料。