下面的代码主要控制手机摇晃的程度,在摇晃到一定成的时候,才会触发摇一摇回调,重点在于如何保证摇一摇的触发既不能太灵敏,也不能太迟钝。...下面代码的主要思路,是计算两次时间间隔之间摇晃的空间位置之间的直线距离,从而计算获得当前时间段内摇晃手机的速度,当这个速度达到一定的阈值,则认为出发了摇一摇的动作,反之则进行下一次的摇晃数据的采集。...return instance; } private ArrayList mOnShakeListeners = null; // 触发...Shake的最小时间间隔 private static final int MIN_SHAKE_INTERVAL = 1024; // 上次触发Shake操作的时间 private...Log.e("onShake", "onShake speed:" + speed); mSpeedTv.setText("当前摇晃的速度: " + speed); } } 摇一摇触发的效果
<script type="text/javascript"> var color = new Array('#fff', '#ff0', '#f00', ...
微信推出后,他的摇一摇功能非常的火爆,没事来微信摇一摇加加好友,我们可不可以借鉴一下微信的摇一摇功能,让手机访问网页的时候,只要手机摇一摇,网页背景就会自动随时换一个网页背景。...具体想要用摇一摇的功能思路已经确认的了,现在就是来实现代码的了。我们现在是用HTML5实现摇一摇的功能。...来实现更多摇一摇的功能。...下面我再分享另外一段js实现的方法,大家可以对比一下: 用javascript实现手机摇一摇 if(navigator.userAgent.indexOf('iPhone')>-1) { var...- last_y - last_z) / diffTime * 10000; if (speed > SHAKE_THRESHOLD) { alert('摇一摇
话说,小程序也能做摇一摇功能,但好像没怎么看到过有什么小程序做了这个?(大家如果看到,可以留言推荐一下),按耐不住心中好奇心的花叔这两天研究了一下。...在说这之前,请允许我描述一下Nodes的新功能,因为由于这功能,花叔才萌生了研究小程序摇一摇的好奇心。 最近给Nodes加了个人首页”的功能,大致的功能点如下: ?...没错,演示的页面就是上面访问的那个页面,只要在那个页面进行摇一摇,就会随机出现其他用户的主页。...这里用了微信小程序的两个API: 加速度计API,用来模拟摇一摇的 音频api,用来播放音频的 代码怎么写?...因为小程序里的加速度计Accelerometer API跟网页的很像,唯一不一样的是小程序中需要主动开启这个事件的监听(也可以关闭),所以在网上找一段现成的js代码改着用就好了。
用户不断摇,面包不断掉,而面包机不断生产面包,不断往上滚动补充面包。...所以我们需要解决一个问题,要让即将掉落的面包出现在对应时刻隐藏的面包的位置上,而由于循环滚动是用css写的,我们无法通过js很好地算出来即将掉落面包的位置坐标,于是我们只能利用 offset() 实时获取该面包相对于文档的位置来决定...,层板上就会存在着隐藏的面包,我们希望层板在完成当次动画循环时,即在下一次动画重新开始的时候,把面包补充上(即把隐藏的重新展示),但是非常遗憾的是,css3的动画并不存在完成后执行回调的说法(css与js...和 .eq() 选择器,而且随着面包不断的掉落,是大量的使用,所以其实也存在性能优化空间,最后最后的方案是换成ID选择器: 2)兼容性问题 众所周知,部分史前手机 不支持陀螺仪的,而本项目的核心 摇一摇...需要利用陀螺仪来判断摇晃的剧烈程度 从而决定面包掉落的多少 那遇到不能摇的手机怎么办呢?
本文给大家讲解了HTML5实现手机摇一摇的效果。 ?...手机摇一摇的实现思路: 1、检测设备是否支持重力传感; // 监听运动传感事件,查看是否支持硬件运动 if (window.DeviceMotionEvent) { alert("您的设备支持硬件调用...devicemotion', deviceMotionHandler, false); 3、根据devimotion事件对象,获取三个方向的重力加速度; /* * [deviceMotionHandler 摇一摇处理函数...if (speed > SHAKE_THRESHOLD) { alert("实现了摇一摇"); }; ?...lastY - lastZ) / diffTime * 8000); if (speed > SHAKE_THRESHOLD) { alert("我实现摇一摇了
首先:最重要的是 该设备需要支持H5的新特性DeviceMotion和DeviceMotionEvent 。
我们接下来看一下page文件夹,可以看到每个页面需要包含两个文件,一个是js文件,是每个界面的入口,wxml的文件是每个界面的布局文件,wxss是样式文件。 ?...摇一摇项目实例 我们首先看一下测试效果 ? 添加图片资源 ?...index.js 之前说过这个文件中监听并处理小程序的生命周期函数、声明全局变量,调用框架提供的丰富的 API,相当于我们写移动端时候的逻辑代码。...//index.js //获取应用实例 var app = getApp() Page({ data: { circleList: [],//圆点数组 awardList: [],/...index.wxss index.wxss 是整个小程序的样式表,如这个摇奖对应得摇一摇样式。对css熟悉的肯定不会陌生。
今天要介绍的需求也有这种感觉,就是“当 APP 处于后台或锁屏状态时,依旧可以监听到摇一摇,进而触发某些功能,比如:语音播报”。...,系统摇一摇也不会被z轴加速度触发) //当综合加速度大于2.3时,就激活效果(数据越小,用户摇动的动作就越小,越容易激活) double accelerameter =...摇一摇,查看效果: 当摇动的力度不是很大时,demo APP 回调方法会被触发; 当摇动的力度很大时,demo APP 回调方法和酷狗 APP 切歌会同时被触发; 由此可见,如果多个 APP 同时实现了此功能时...,那么后台或锁屏摇一摇时,只要满足了某个 APP 实现的加速计相关判定条件,就可以同时触发多个 APP 对应的效果。...此外,多 APP 都实现此功能时,摇一摇的效果是:只要摇动力度很大,加速计数据满足 APP 实现的摇一摇判定条件,就可以同时触发多个 APP 各自对应的效果。
从微信最近一些动作来看,2015年微信将围绕公众账号、摇一摇大做文章,最终目的则是让微信丰厚的流量得到变现机会,可以揣测,2015年微信将大力变现,努力成为腾讯新的现金牛。...微信摇一摇升级:可以摇到附近的商户 继公众平台支持评论之后,据腾讯内部人士爆料,微信最近又将迎来大版本,其中一个亮点便是可以搜索附近的商户,除了文字搜索之外,还可通过摇一摇搜索周边商户。...笔者了解到目前微信已与分众传媒战略合作,依靠分众全面部署iBeacon网络,支持微信摇一摇功能,用户只要在电梯口的分众广告电视前,可以通过摇一摇获取附近商户的大礼包。...摇一摇、微信红包和附近的人,这几个功能被糅合到一起,构建新的O2O营销模式。这个小功能,对于一向抵制营销的微信而言,是一个巨大的改变,并且只是微信O2O营销版图中的冰山一角。...搜索附近的商户、摇一摇附近的商户、与分众这类线下O2O广告营销平台合作,无异于给商户们打开一道新的流量入口。毫无疑问的是,这些流量对于商户而言依然需要付出成本,最终或许会成为微信营销广告平台的一部分。
开发者的App在集成了蒲公英的SDK后,用户只需在App内“摇一摇”,即可激活蒲公英提供的问题反馈表单。在这个表单中,用户不仅仅可以填写文字来表述问题,还可以录制语音。...对于本身就已经用到了“摇一摇”手势的应用,蒲公英的SDK还支持其他手势,以避免和应用本身的手势冲突。例如开发者可以通过代码设置为三指滑动等,同时,也可以通过程序直接调出反馈表单。
上一篇写了怎样在线匹配歌词,http://blog.csdn.net/huweigoodboy/article/details/39878063,如今来讲讲摇一摇功能开发。...相同用了一个Service去实现摇一摇。...一,加速度感应器 在这里须要设置一个速度阈值和时间间隔,控制一定的时间间隔才干触发第二次震动,还有感受速度太小也不去onShake()。 1)得到sensorManager。
[关键词一:不断演习和优化,弱化需求变更概念] 从1月中旬,当春晚摇一摇的大部分功能初步完成开发的时候,开发侧就发起了演习。每周四晚上8点到凌晨12点半,模拟春晚当晚的实际情况进行内部的体验和测试。...整个春晚摇一摇项目,基本上视觉稿或者交互稿给到老大都能大方向通过。所以春晚的项目后期紧张的时候,有些不是很大的方案,都是先开发,再同步给老大汇报,因为老大的时间毕竟难约。...在春晚摇一摇项目中,没有一个专门的项目经理的角色。项目经理都是产品经理或者开发在必要的时刻才兼任的。一开始的项目经理由产品承担,组织好相关部门来涉及和开发相应的产品。
例如有用户可能会摇到“休息一下,为爱拥抱”的页面,这个页面的源头就是央视的导演提出“观众摇太多次了就提示观众休息一下吧,跟家人聊聊天”。...但是,假如春晚摇一摇只停留在“抢红包”,那么这场微信上的“春晚”就会像是只有某山表演的小品却没有其他歌舞等节目。...[关键词四:把握火候] 摇一摇已有两个功能:摇人和摇歌曲。以往的摇电视借用的是摇歌曲的入口,但因为春晚这个特殊的全民事件。摇人和摇歌曲都取消掉,变成唯一的入口,摇春晚。...但红包之于电视场景,只是一种互动方式,微信通过春晚摇一摇,让用户知道电视也可以这么玩,后续看电视都可以有新玩意产生。...春晚也是一个非常好的连接二三四路线城市的舞台,通过了春晚摇一摇,大叔大妈一夜之间学会了摇一摇,学会了绑定银行卡。而春晚过后这一风潮会让玩的人带动他们的亲人朋友,带来更广大的连接。
OnShakeListener() { public void onShake() { //Toast.makeText(getApplicationContext(), "抱歉,暂时没有找到在同一时刻摇一摇的人...postDelayed(new Runnable(){ public void run(){ //Toast.makeText(getApplicationContext(), "抱歉,暂时没有找到\n在同一时刻摇一摇的人...0,(float) 1.0); Toast mtoast; mtoast = Toast.makeText(getApplicationContext(), "抱歉,暂时没有找到\n在同一时刻摇一摇的人...OnShakeListener() { public void onShake() { //Toast.makeText(getApplicationContext(), "抱歉,暂时没有找到在同一时刻摇一摇的人...0,(float) 1.0); Toast mtoast; mtoast = Toast.makeText(getApplicationContext(), "抱歉,暂时没有找到\n在同一时刻摇一摇的人
1摇一摇效果图 效果如下:界面有点丑,勿吐槽哈~关键是后面我们如何去实现这功能。 ?...3如何使用传感器 因为本文是为了实现一个仿微信摇一摇的功能,而实现这个功能用到的是加速度传感器。所以我们就以加速度传感器来讲解具体的实现过程。...作为程序员,直接上微信摇一摇的核心代码,相信可以更直接了当的介绍传感器的具体用法,程序中重点的语句,我也已经注释在代码后面。...@Override public void onSensorChanged(SensorEvent event) { //判断条件成功后,执行摇一摇的效果...onSensorChanged: "+x+":"+y+":"+z); if (x>10||y>10||z>10) { //摇一摇成功
今天要介绍的需求也有这种感觉,就是“当 APP 处于后台或锁屏状态时,依旧可以监听到摇一摇,进而触发某些功能,比如:语音播报”。...,系统摇一摇也不会被z轴加速度触发) //当综合加速度大于2.3时,就激活效果(数据越小,用户摇动的动作就越小,越容易激活) double accelerameter = sqrt...酷狗音乐 APP 开始放歌,退到后台 demo APP 打开后,退到后台 摇一摇,查看效果: 当摇动的力度不是很大时,demo APP 回调方法会被触发; 当摇动的力度很大时,demo APP 回调方法和酷狗...APP 切歌会同时被触发; 由此可见,多个 APP 同时实现了此功能时,后台或锁屏摇一摇,只要满足某个 APP 实现的加速计相关判定条件,可以同时触发多个 APP 对应的效果。...此外,多 APP 都实现此功能时,摇一摇的效果是:只要摇动力度产生的数据满足某个 APP 实现的摇一摇判定条件,就可以同时触发多个 APP 各自对应的效果。
公司准备开年会了,年会活动用了一套别人的系统,根据测试,有些游戏的摇一摇功能在IOS上无法使用,为了修复该功能,踩了一些坑,特此记录如下: 1....用户授权时必须是手动触发完成,这点特别重要,比如点击一个按钮; 以下是代码实现,方便大家作参考: IOS系统中H5页面实现摇一摇功能...三个方向上次的值 var lastX, lastY, lastZ; // 上一次摇动的时间 var lastTime = 0; // 用户摇一摇的功能
新年也要动起来呀,刚好传统的摇签可以用手机摇一摇来模拟效果,活动手腕一举两得(真是个好点子啊)! 安卓手机的小伙伴可以下载安装包 体验一把,我是停不下来!
领取专属 10元无门槛券
手把手带您无忧上云