下面的代码主要控制手机摇晃的程度，在摇晃到一定成的时候，才会触发摇一摇回调，重点在于如何保证摇一摇的触发既不能太灵敏，也不能太迟钝。...下面代码的主要思路，是计算两次时间间隔之间摇晃的空间位置之间的直线距离，从而计算获得当前时间段内摇晃手机的速度，当这个速度达到一定的阈值，则认为出发了摇一摇的动作，反之则进行下一次的摇晃数据的采集。...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广告营销平台合作，无异于给商户们打开一道新的流量入口。毫无疑问的是，这些流量对于商户而言依然需要付出成本，最终或许会成为微信营销广告平台的一部分。
上一篇写了怎样在线匹配歌词，http://blog.csdn.net/huweigoodboy/article/details/39878063，如今来讲讲摇一摇功能开发。...相同用了一个Service去实现摇一摇。...一，加速度感应器 在这里须要设置一个速度阈值和时间间隔，控制一定的时间间隔才干触发第二次震动，还有感受速度太小也不去onShake（）。 1)得到sensorManager。
［关键词一：不断演习和优化，弱化需求变更概念］ 从1月中旬，当春晚摇一摇的大部分功能初步完成开发的时候，开发侧就发起了演习。每周四晚上8点到凌晨12点半，模拟春晚当晚的实际情况进行内部的体验和测试。...整个春晚摇一摇项目，基本上视觉稿或者交互稿给到老大都能大方向通过。所以春晚的项目后期紧张的时候，有些不是很大的方案，都是先开发，再同步给老大汇报，因为老大的时间毕竟难约。...在春晚摇一摇项目中，没有一个专门的项目经理的角色。项目经理都是产品经理或者开发在必要的时刻才兼任的。一开始的项目经理由产品承担，组织好相关部门来涉及和开发相应的产品。
开发者的App在集成了蒲公英的SDK后，用户只需在App内“摇一摇”，即可激活蒲公英提供的问题反馈表单。在这个表单中，用户不仅仅可以填写文字来表述问题，还可以录制语音。...对于本身就已经用到了“摇一摇”手势的应用，蒲公英的SDK还支持其他手势，以避免和应用本身的手势冲突。例如开发者可以通过代码设置为三指滑动等，同时，也可以通过程序直接调出反馈表单。
例如有用户可能会摇到“休息一下，为爱拥抱”的页面，这个页面的源头就是央视的导演提出“观众摇太多次了就提示观众休息一下吧，跟家人聊聊天”。...但是，假如春晚摇一摇只停留在“抢红包”，那么这场微信上的“春晚”就会像是只有某山表演的小品却没有其他歌舞等节目。...［关键词四：把握火候］ 摇一摇已有两个功能：摇人和摇歌曲。以往的摇电视借用的是摇歌曲的入口，但因为春晚这个特殊的全民事件。摇人和摇歌曲都取消掉，变成唯一的入口，摇春晚。...但红包之于电视场景，只是一种互动方式，微信通过春晚摇一摇，让用户知道电视也可以这么玩，后续看电视都可以有新玩意产生。...春晚也是一个非常好的连接二三四路线城市的舞台，通过了春晚摇一摇，大叔大妈一夜之间学会了摇一摇，学会了绑定银行卡。而春晚过后这一风潮会让玩的人带动他们的亲人朋友，带来更广大的连接。
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 各自对应的效果。
新年也要动起来呀，刚好传统的摇签可以用手机摇一摇来模拟效果，活动手腕一举两得（真是个好点子啊）！ 安卓手机的小伙伴可以下载安装包 体验一把，我是停不下来！
设备方向事件 当设备的物理方向改变（如果用户倾斜或旋转设备）且改变幅度大于等于 0.01 度时，触发 DeviceOrientationEvent 对象。...设备运动事件 当移动或旋转（或者更精确地说是加速）设备时，会触发 DeviceMotionEvent 对象，并在 x、y 和 z 轴中提供 acceleration data（重力加速度对设备造成的 with...下面我们就可以利用 设备运动事件 来简单实现 摇一摇 的功能了(使用支持该事件的移动设备访问) *{margin:0;font-size:14px;} var color = new Array
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
