在微信使用setInterval的小程序

在微信使用setInterval的小程序

我看到了小程序的画布的功能。我只是用它。我和我的坏逻辑让子弹，并起到鱼尾线球。让我们一起来看看吧。这个过程对于画布的使用并不重要。（本来想转移到GIF，后来发现不通过，会传过来一张图片的，想看看自己下载玩哟）

先在地图上，然后在代码上：
Js：
无功winwidth = 0
无功winheight = 0
var直径＝10
var时间= 0
页（{
数据：{
numx：1，
numy：1
}，
Xy：{
协调球
X：10，
Y：10
}，
onLoad：功能（选项）{
获取手机屏幕的宽度和高度
Wx.getSystemInfo（{
成功：函数（RES）{
console.log（RES）
WinHeight = res.windowHeight;
winwidth = res.windowwidth；
}
}）
}，
OnReady：函数（）{
滚动循环
对于（var i = 0；i < 1；i + +）{
随机滚动速度
时间=（1 + Math.random（）* 10）
setInterval（this.move、时间）；
console.log（时间）
}
}，
移动（）{

If (this.data.numX = = 1) {
这个。
其他{ }
this.xy.x-—
}
轴状态判断
如果（这。XY，X = = winwidth直径）{
这个数据。numx = 2
}
如果（这个x = x =直径）{
这个数据。numx = 1
}

如果（this.data.numy = = 1）{
这个。
其他{ }
this.xy.y-—
}
轴状态判断
如果（这个= y = 400直径）{
这个数据。numy = 2
}
如果（这个. y = y =直径）{
这个数据。numy = 1
}
绘图
This.ballMove（本。XY。X，Y，XY。）；
}，
BallMove（x，y）{
对wx.createcontext访问图形上下文 / /环境下使用
VaR上下文= wx.createcontext（）
/ / context.setshadow（分别，# 000000） / /阴影效果
context.setfillstyle（# ff4500 ）和颜色的球
（2）context.setlinewidth
context.arc（x，y，直径，0, 2 * Math.PI，真的）
Context.fill（）
/ /电话wx.drawcanvas，通过canvasid画在一块帆布画指定的，指定的动作行为
Wx.drawCanvas（{
CanvasId：'ball，
动作：（背景。getactions） / /绘图操作数组
}）
}
}）
Wxml：

画布
如果您有任何问题，请在本站留言或与社区交谈。谢谢你的阅读。我希望你能帮助你。感谢您对本站的支持。