从2019年微信公开课Pro在微信夜演示《跳一跳》开始，微信小游戏不知不觉已经诞生三年了。在这三年里，我们可以清晰的看到微信对于小游戏的支持。对于微信开发者来说，微信小游戏开发已经成为必备技能之一。

5月22日，腾讯云TVP，《小程序从0到1：微信全栈工程师指南》作者李毅将手把手教你如何从零开始开发一个微信小游戏项目。

创建项目

在开始开发游戏之前，我们需要在微信官方平台注册一个账号，并下载相关的开发工具。然后我们需要阅读微信小游戏开发文档，看看微信为我们提供了哪些开发支持。

微信小游戏开发文档：

接下来我们开始创建项目，从下图可以看到微信已经自动帮我们创建好了项目模板，然后通过调试基础库，我们需要勾选图中所示的选项，这些都是开发小游戏时必不可少的工具。

项目结构和调试代码

通过这个小游戏demo我们可以看到如下图的项目结构，里面包含了音频文件，里面存放的是游戏中需要的音频，还有图片文件，里面存放的是游戏中需要的图片，比如我们小游戏中的飞机、地图等图片都是存放在这个文件夹中的。

下面的JS文件夹是项目的源代码，main.js是整个游戏项目的主类，libs是开发中常用的一些库，下面的NPC文件是实现游戏中人物的文件夹，也就是我们日常生活中理解的游戏NPC，是实现游戏功能的模块，比如我们的游戏demo是飞机战斗，那么这个模块的功能就是实现子弹爆炸的效果。

微信小游戏调试有两种方式，第一种是项目开发中的预览功能，第二种是下图的二维码真机调试功能，你可以把这个二维码远程发给任何人，让他帮你调试。

创建游戏画布

游戏画布是整个游戏开发中最重要的部分，所有需要显示的元素在每一帧中都会被重新绘制。在微信小游戏开发中，根据官方API文档，我们使用方法绘制画布并用属性填充。由于涉及到具体的代码演示，有兴趣的同学可以点击下方链接观看该部分内容。

讲师

李毅，腾讯云最有价值专家（TVP），《小程序从0到1：微信全栈工程师指南》作者，近20年互联网软件开发经验，曾任北京协同创新院人工智能项目负责人、全国15位社区管理者之一，现为日星易科联合创始人兼CTO。

“公开课”是凯科巴推出的面向开发工程师的免费补课课程，汇聚行业名师，聚焦热门技术与实用解决方案，以专业知识分享与交流为桥梁，联结一群正在创造世界、致敬初心、为技术而兴奋的技术领袖。无论你是初入职场的应届毕业生，还是准备升职加薪的职场精英，相信你都能在这里找到自己所需要的营养。