创建过程
使用微信开发工具创建微信小程序项目,在创建界面先择小游戏,输入自己的id或者使用体验id,如下图:
项目架构
小游戏使用javascript语言作为主要逻辑语言进行开发
game.js 游戏入口文件
game.json 配置文件
界面绘制
js中,可以使用canvas进行绘制。但小游戏的运行环境中没有BOM和DOM API,不同于浏览器,所以需要调用微信的api来进行画布的创建。
接口:wx.createCanvas()
这里首次调用wx.createCanvas()是创建了一个上屏canvas,是直接显示在屏幕上的。第二次调用则是创建一个离屏canvas,只存在在内存中,需要使用上屏canvas把这个离屏canvas绘制上才能显示。
//首次调用:上屏canvas
const screenCanvas = wx.createCanvas()
//再次调用:离屏canvas
const offScreenCanvas = wx.