怎么建游戏(从0到1教你搭建微信小游戏项目)
nba赛程 2022-11-28 17:26www.1689878.comnba排名
自从2019年微信公开课Pro在微信之夜演示《跳一跳》以来,微信小游戏已经不知不觉走过的三年,这三年中我们可以明显看到微信对小游戏的扶持,对于微信开发者来说,微信小游戏开发以及成为了必备技能之一。
5月22日的《HelloWorld公开课》,腾讯云TVP,《小程序从0到1:微信全栈工程师一本通》作者李艺老师就教你,如何从0开发一款微信小游戏项目
创建项目
工欲善其事必先利其器,在正式开发游戏之前,我们要先到微信公众平台去注册账号,并下载相关开发工具。然后通读一遍微信小游戏开发文档,看微信官方为我们提供了哪些开发支持。
微信小游戏开发文档:
developers.weixin.qq/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公开课》是由开课吧推出的面向广大开发工程师的免费加餐课,集结业内名师大咖,聚焦热门技术和实战解决方案,以专业知识分享交流为桥梁,链接正在创造世界的一群科技主力们,向初心致敬,为技术发烧。无论你是初入职场的应届生,还是准备升职加薪的职场精英,相信这里都有你需要的养料。
nba赛程
- 火箭客场险胜勇士 火箭客场险胜勇士全场回放
- 湖人签约沃格尔,湖人签约沃格尔的球队
- 布朗扣篮重摔倒地:布朗扣篮重摔倒地担架
- 安东尼戴维斯加盟湖人,安东尼戴维斯加盟湖人
- nba季后赛火箭战况,nba季后赛火箭战况如何
- 骑士vs猛龙季后赛,骑士vs猛龙第二场
- 辽宁男篮16连胜 辽宁男篮连胜几场
- 骑士打凯尔特人,18年骑士vs凯尔特人
- 塞尔维亚篮球国家队,塞尔维亚篮球国家队的n
- 火箭队季后赛战绩,火箭队最近几年季后赛
- 猛龙对勇士总决赛,猛龙对勇士总决赛G1全场回放
- 詹姆斯超越乔丹,詹姆斯超越乔丹得分那天
- 美男篮险胜土耳其 美国队对土耳其篮球世界杯
- 莱昂纳德签约快船,莱昂纳德签约快船合同
- 火箭宣布召回周琦 火箭宣布召回周琦是真的吗
- 中国男篮对叙利亚,中国男篮打叙利亚
自从2019年微信公开课Pro在微信之夜演示《跳一跳》以来,微信小游戏已经不知不觉走过的三年,这三年中我们可以明显看到微信对小游戏的扶持,对于微信开发者来说,微信小游戏开发以及成为了必备技能之一。
5月22日的《HelloWorld公开课》,腾讯云TVP,《小程序从0到1:微信全栈工程师一本通》作者李艺老师就教你,如何从0开发一款微信小游戏项目
创建项目
工欲善其事必先利其器,在正式开发游戏之前,我们要先到微信公众平台去注册账号,并下载相关开发工具。然后通读一遍微信小游戏开发文档,看微信官方为我们提供了哪些开发支持。
微信小游戏开发文档:
developers.weixin.qq/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公开课》是由开课吧推出的面向广大开发工程师的免费加餐课,集结业内名师大咖,聚焦热门技术和实战解决方案,以专业知识分享交流为桥梁,链接正在创造世界的一群科技主力们,向初心致敬,为技术发烧。无论你是初入职场的应届生,还是准备升职加薪的职场精英,相信这里都有你需要的养料。
nba赛程
- 火箭客场险胜勇士 火箭客场险胜勇士全场回放
- 湖人签约沃格尔,湖人签约沃格尔的球队
- 布朗扣篮重摔倒地:布朗扣篮重摔倒地担架
- 安东尼戴维斯加盟湖人,安东尼戴维斯加盟湖人
- nba季后赛火箭战况,nba季后赛火箭战况如何
- 骑士vs猛龙季后赛,骑士vs猛龙第二场
- 辽宁男篮16连胜 辽宁男篮连胜几场
- 骑士打凯尔特人,18年骑士vs凯尔特人
- 塞尔维亚篮球国家队,塞尔维亚篮球国家队的n
- 火箭队季后赛战绩,火箭队最近几年季后赛
- 猛龙对勇士总决赛,猛龙对勇士总决赛G1全场回放
- 詹姆斯超越乔丹,詹姆斯超越乔丹得分那天
- 美男篮险胜土耳其 美国队对土耳其篮球世界杯
- 莱昂纳德签约快船,莱昂纳德签约快船合同
- 火箭宣布召回周琦 火箭宣布召回周琦是真的吗
- 中国男篮对叙利亚,中国男篮打叙利亚