摇一摇小程序系统开发

—— 2018 ——

02/09

00:00

来源：

作者：未知

栏目：小程序开发

2018/2/9 0:00:00 来源：不详作者：未知

我们知道微信摇一摇这个功能，但是如果开发一个摇一摇小程序，要怎么做呢？

//首先定义一下，全局变量

var lastTime = 0;//此变量用来记录上次摇动的时间

var x=0,

y = 0,

z=0,

lastX =0,

lastY = 0,

lastZ = 0;//此组变量分别记录对应x、y、z三轴的数值和上次的数值

var shakeSpeed = 110;//设置阈值

//编写摇一摇方法

function shake(acceleration) {

var nowTime = new Date().getTime();//记录当前时间

//如果这次摇的时间距离上次摇的时间有一定间隔才执行

if (nowTime - lastTime > 100) {

var diffTime = nowTime - lastTime;//记录时间段

lastTime = nowTime;//记录本次摇动时间，为下次计算摇动时间做准备

x = acceleration.x;//获取x轴数值，x轴为垂直于北轴，向东为正

y = acceleration.y;//获取y轴数值，y轴向正北为正

z = acceleration.z;//获取z轴数值，z轴垂直于地面，向上为正

//计算公式的意思是单位时间内运动的路程，即为我们想要的速度

var speed = Math.abs(x + y + z - lastX - lastY - lastZ) / diffTime * 10000;

//console.log(speed)

if (speed > shakeSpeed) {//如果计算出来的速度超过了阈值，那么就算作用户成功摇一摇

wx.stopAccelerometer()

self.setData({

hasInit: false,

canvas:{}

})

audioCtx.setSrc('http://123.207.0.183/application/images/s.mp3')

audioCtx.play()

wx.showLoading({

title: '寻找大神中...'

})

config.request({

// 要请求的地址

url: config.service.taRan,

success(e) {

setTimeout(function(){

//console.log(e.data)

audioCtx.setSrc('http://123.207.0.183/application/images/r.mp3')

audioCtx.play()

self.uid = e.data

self.con = ''

self.onInitShow()

},2000)

}

})

}

lastX = x;//赋值，为下一次计算做准备

lastY = y;//赋值，为下一次计算做准备

lastZ = z;//赋值，为下一次计算做准备

}

}

wx.onAccelerometerChange(shake)

//wx.startAccelerometer()

var audioCtx = wx.createAudioContext('myAudio')

提醒：audio API的src不能用本地地址。

小程序工具提供多类型商城/门店小程序制作，可视化编辑 1秒生成5步上线。通过拖拽、拼接模块布局小程序商城页面，所看即所得，只需要美工就能做出精美商城。

更多微信小程序相关资讯，请前往：https://www.kesion.com/miniprogramschool/

【本站声明】
1、本站文章中所选用的图片及文字来源于网络以及用户投稿，由于未联系到知识产权人或未发现有关知识产权的登记，如有知识产权人并不愿意我们使用，如果有侵权请立即联系。
2、本网站不对文章中所涉及的内容真实性、准确性、可靠性负责，仅系客观性描述，如您需要了解该类商品/服务详细的资讯，请您直接与该类商品/服务的提供者联系。

KESION 科汛软件
KESION 科汛软件是国内领先的在线教育软件及私域社交电商软件服务提供商，长期专注于为企业提供在线教育软件及社交电商SaaS平台解决方案。
公司核心产品云开店SaaS社交电商服务平台、在线教育SaaS服务平台、教育企业数字化SaaS云平台、企微营销助手、私有化独立部署品牌网校和在线教育咨询等。
KESION 不断通过技术创新，提供产品和服务，助力企业向数字化转型，通过科技驱动商业革新，让商业变得更智慧！

▼点击进入科汛官网了解更多

热门标签

微信小程序

上/下篇

微信小程序多次跳转的情况怎么避免

很多时候，大家会遇到出现网络条件差货卡顿时，小程序多次跳转的情况，这种情况要怎么避免...

微信小程序SaaS 2018/2/9 0:00:00
小程序关键词哪里设置,小程序关键词在哪设置

小程序关键词的设置很简单，在官方后台即可添加，但是在小程序设置关键词时也要注意一些问题，下面为大家整理。...

微信小程序SaaS 2018/2/9 0:00:00

换一换相关推荐

精选内容

热点精选

© 2006-2024 厦门科汛软件有限公司版权所有

ICP证闽B2-20190777 闽ICP备06009871号-1

闽公网安备 35020302001540号统一社会信用代码：91350206MA2XN2XQ4A 国家高新技术企业编号：GR201735100465 软件企业证书号：厦RQ-2017-0034 软件产品证书号：厦RC-2017-0005 认证联盟企业编号：928180109031687687593 国际权威认证：信息技术服务管理体系标准（ISO 20000）信息安全管理体系国际认证（ISO/IEC 27001）