微信小游戏_2、demo入门

本文介绍了微信小游戏的创建过程,包括选择小游戏类型创建项目,详细讲解了项目架构,如game.js和game.json的作用。重点阐述了在小游戏环境中如何进行界面绘制,利用wx.createCanvas()创建上屏和离屏canvas。此外,还讨论了动画实现、触摸事件的处理,以及在没有window对象的情况下,如何利用GameGlobal全局对象和Adapter适配器进行代码兼容。
摘要由CSDN通过智能技术生成

创建过程

使用微信开发工具创建微信小程序项目,在创建界面先择小游戏,输入自己的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.
  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值