现在非常流行小程序，当然自媒体直播也是现在最流行的，当我们看直播时可能看到各种的互动玩法，接下来我以一个开发者的角度，来玩玩怎么写一些小玩法

很多时候在没有玩过的东西来说最好的办法就是看用户手册,程序也一样，但是很遗憾抖音对于小玩法就只有简单的一些介绍，对于接触的小白来说非常不友好，所以我也玩玩看做个笔记。
‘玩过‘小游戏的开发者来说对Canvas并不陌生，它就是一个画布功能。但是对于初学者的我们来说就连参数[webgl]https://developer.mozilla.org/zh-CN/docs/Web/API/WebGL_API/Basic_2D_animation_example()都不是很了解。看不懂webGL吗？我也看不懂，那我们还是以抖音小程序上来讲

抖音小玩法项目结构看这里

首先你得创建一个画布

//创建画布
const canvas = tt.createCanvas();

至于tt可参考官网文档-tt其实就是一个互动玩法api的全局对象

初始化监听程序

使用tt.onShow(),也可以查看「必接」侧边栏复访能力技术指南我们按照案例走

tt.onShow((res) => {
   
  console.log("启动参数：", res.query);
  console.log("来源信息：", res.refererInfo);
  console