从2019年微信公开课Pro在微信之夜演示“跳,跳”开始,微信小游戏不知不觉已经过去三年了。在这三年里,我们可以明显看到微信对小游戏的支持。对于微信开发者来说,微信小游戏的开发已经成为必备技能之一。
5月22日《HelloWorld公开课》,腾讯云TVP,《从0到1的小程序:多合一微信栈工程师》作者李易老师将教你如何从0开始开发一个微信小游戏项目。
创建项目欲善其事,必先利其器。游戏正式开发前,我们要在微信公众平台注册账号,下载相关开发工具。然后通读微信小游戏的开发文档,看看微信官方给我们提供了哪些开发支持。
微信游戏开发文档:https://developers . weixin . QQ . com/mini program/dev/dev tools/dev tools . html
接下来,我们开始创建项目。从下图可以看到,微信官方已经自动为我们创建了一个项目模板。然后通过调试基本库,我们要检查图中所示的选项,这些选项是开发小游戏必不可少的工具。
通过这个小游戏演示,我们可以看到下图所示的项目结构,其中audio是一个音频文件,存储了游戏中需要的音频,images是一个图片文件,游戏中需要的图片,比如我们小游戏中飞机和地图的图片,都存储在这个文件夹中。
下面的JS文件夹是项目的源代码。main.js是整个游戏项目的主类,libs是开发中常用的一些库。下面的NPC文件就是实现游戏中角色的文件夹,也就是我们日常理解的游戏NPC。播放器是实现游戏功能的模块。比如我们的游戏demo是飞机大战,那么这个模块的作用就是实现子弹爆炸效果。
微信游戏有两种调试方式。第一个是项目开发中的预览功能,第二个是二维码的真机调试功能如下图所示。你可以远程把这个二维码发给任何人,让他帮你调试。
游戏画布是整个游戏开发中最重要的部分,每一帧都重绘了所有需要显示的元素。在微信游戏的开发中,根据官方的API文档,我们通过createCanvas绘制画布,并填充属性。由于有具体的代码演示,感兴趣的同学可以点击下面的链接观看这部分内容。
李易,腾讯云(TVP)最有价值专家,《小程序从0到1:全合一微信工程师》作者,近20年互联网软件研发经验,曾任北京协同创新研究院人工智能项目负责人,Adobe中国15个社区管理员之一,现任日、线、一课联合创始人兼CTO。
《你好,世界公开课》是公开课吧推出的面向开发工程师的免费课程。汇聚业内名师,聚焦热门技术和实用解决方案,以专业知识的分享交流为桥梁,链接一批正在创造世界的科技领袖,致敬初心,为技术发烧。无论你是职场新人,还是准备升职加薪的职场精英,相信这里都有你需要的养分。