微信小程序实现摇一摇(监听手机摇动API:wx.onAccelerometerChange())——互动领奖

在微信小程序的开发过程中我们是否有遇到摇一摇的需求,例如:摇一摇抽奖,摇骰子,社交小程序的摇人等等。
那么当我们翻遍了微信小程序的开发文档,却没有看到一个关于监听手机摇动的API。小编当时也是找😵了,其实是一个叫做监听加速度数据的API。

wx.startAccelerometer()

开始监听加速度数据。

wx.startAccelerometer({
	//game	适用于更新游戏的回调频率,在 20ms/次 左右
	//ui	适用于更新 UI 的回调频率,在 60ms/次 左右
	//normal	普通的回调频率,在 200ms/次 左右     默认是这个
	//interval: 'normal'	
	success:function(e){
    	console.log("startAccelerometer",e)
	}
})

当我们在js中引入这个API以后如果看到小程序控制台打印出

startAccelerometer {errMsg: "startAccelerometer:ok"}

代表开始监听加速度,但是这时候我们并不知道到底加速度到多少,所以接下来就需要一个监听加速度数据改变事件,如下API。

wx.onAccelerometerChange()

这个API回调的频率是根据wx.startAccelerometer()中设置的interval,如小编这里将interval注释起来,那么就是使用默认的normal,它是200ms回调一次数据
重点来了: 这个API在开发者工具中是看不到回调数据的,只有在真机中,预览或者真机测试,也就是手机中才可以看到回调的数据的
毕竟咱们不可能把电脑抬起来摇嘛,不切实际,哈哈哈
那么我们就可以在手机上看到wx.onAccelerometerChange()回调
每200毫秒回调一次还是很快的,当手机晃动我们可以判断x大于1或者1.5时候执行我们的事件,如:

onLoad(){
	wx.onAccelerometerChange(function(e){
		console.log("onAccelerometerChange",e)
		//当监听到大于1可执行方法
		if(e.x> 1){
			that.startGame();
		}
	})
},

startGame(){
	//事件,可以进行操作
}

wx.stopAccelerometer()与wx.offAccelerometerChange()

当我们执行了startGame()方法后,肯定是要停止监听加速度数据了,所以当我们

wx.stopAccelerometer({
	success: (res) => {
		//这里面写请求数据,以免当用户并存量过大时,导致数据多请求情况
	}
})
或者使用,但是小编在项目中使用的是上面的停止方法,下面的方法应该也是类似,哈哈哈
wx.offAccelerometerChange({
	success: (res) => {
		//这里面写请求数据,以免当用户并存量过大时,导致数据多请求情况
	}
})

但是小编看到开发文档还有一个监听陀螺仪数据的API不知道是不是也可以,小编有空再试试。
好了,这是小编的一些开发思路,如果各位大佬有更好的方法,麻烦在下方评论或者私聊小编哦~
让小编一起学习。

  • 7
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值