本文给大家讲解了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("我实现摇一摇了
微信推出后，他的摇一摇功能非常的火爆，没事来微信摇一摇加加好友，我们可不可以借鉴一下微信的摇一摇功能，让手机访问网页的时候，只要手机摇一摇，网页背景就会自动随时换一个网页背景。...具体想要用摇一摇的功能思路已经确认的了，现在就是来实现代码的了。我们现在是用HTML5实现摇一摇的功能。...lastX = x; lastY = y; }, false); } 有兴趣的童鞋可以更多的扩展一下，通过js来实现更多摇一摇的功能...上面的代码是在html5下实现的。...下面我再分享另外一段js实现的方法，大家可以对比一下： 用javascript实现手机摇一摇 if(navigator.userAgent.indexOf('iPhone')>-1) { var
话说，小程序也能做摇一摇功能，但好像没怎么看到过有什么小程序做了这个？（大家如果看到，可以留言推荐一下），按耐不住心中好奇心的花叔这两天研究了一下。...在说这之前，请允许我描述一下Nodes的新功能，因为由于这功能，花叔才萌生了研究小程序摇一摇的好奇心。 最近给Nodes加了个人首页”的功能，大致的功能点如下： ?...没错，演示的页面就是上面访问的那个页面，只要在那个页面进行摇一摇，就会随机出现其他用户的主页。...这里用了微信小程序的两个API： 加速度计API，用来模拟摇一摇的 音频api，用来播放音频的 代码怎么写？...lastY = 0, lastZ = 0;//此组变量分别记录对应x、y、z三轴的数值和上次的数值 var shakeSpeed = 110;//设置阈值 //编写摇一摇方法
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) { //摇一摇成功
用户不断摇，面包不断掉，而面包机不断生产面包，不断往上滚动补充面包。...性能优化 上面的思路中提到，“掉落的面包”是临时“增加”的，也就意味着会有DOM节点的插入，由于这个游戏是允许同时有多个面包掉落的，所以这个“掉落的面包”还不能通用一个DOM，这就导致了DOM节点随着不断摇，...和 .eq() 选择器，而且随着面包不断的掉落，是大量的使用，所以其实也存在性能优化空间，最后最后的方案是换成ID选择器： 2）兼容性问题 众所周知，部分史前手机 不支持陀螺仪的，而本项目的核心 摇一摇...需要利用陀螺仪来判断摇晃的剧烈程度 从而决定面包掉落的多少 那遇到不能摇的手机怎么办呢？
下面的代码主要控制手机摇晃的程度，在摇晃到一定成的时候，才会触发摇一摇回调，重点在于如何保证摇一摇的触发既不能太灵敏，也不能太迟钝。...下面代码的主要思路，是计算两次时间间隔之间摇晃的空间位置之间的直线距离，从而计算获得当前时间段内摇晃手机的速度，当这个速度达到一定的阈值，则认为出发了摇一摇的动作，反之则进行下一次的摇晃数据的采集。...Log.e("onShake", "onShake speed:" + speed); mSpeedTv.setText("当前摇晃的速度: " + speed); } } 摇一摇触发的效果
<script type="text/javascript"> var color = new Array('#fff', '#ff0', '#f00', ...
很多程序中我们可能会输入长文本内容，比如短信，写便笺等，如果想一次性撤销所有的键入内容，很多手机需要一直按住退格键逐字逐句的删除，稍稍麻烦，不过在iPhone上，有个人性化的功能，当我们想要去撤销刚刚输入的所有内容的时候...在android中，一般手机貌似没有定制这个功能，不过我们可以自己去实现这样的功能，放置在我们的项目程序中，体现更人性化的设计，思路很简单，主要是利用手机内置的加速度传感器装置，其实大家一定会想到微信的...“摇一摇”功能，个人觉得该功能就应该是这样实现的，当我们错误输入并想撤销所有输入内容的时候，可以摇晃我们的设备，弹出一个自定义的alertdialog，根据按钮的点击事件完成相应的清除操作。
首先：最重要的是 该设备需要支持H5的新特性DeviceMotion和DeviceMotionEvent 。
公司准备开年会了，年会活动用了一套别人的系统，根据测试，有些游戏的摇一摇功能在IOS上无法使用，为了修复该功能，踩了一些坑，特此记录如下： 1....content-security-policy"> IOS系统中H5页面实现摇一摇功能...三个方向上次的值 var lastX, lastY, lastZ; // 上一次摇动的时间 var lastTime = 0; // 用户摇一摇的功能...shakeFunctionHandler); } else { alert('手机不支持陀螺仪功能...devicemotion', shakeFunctionHandler); } else { alert('手机不支持陀螺仪功能
摇一摇项目实例 我们首先看一下测试效果 ? 添加图片资源 ?...index.wxss index.wxss 是整个小程序的样式表,如这个摇奖对应得摇一摇样式。对css熟悉的肯定不会陌生。
微信摇一摇升级：可以摇到附近的商户 继公众平台支持评论之后，据腾讯内部人士爆料，微信最近又将迎来大版本，其中一个亮点便是可以搜索附近的商户，除了文字搜索之外，还可通过摇一摇搜索周边商户。...笔者了解到目前微信已与分众传媒战略合作，依靠分众全面部署iBeacon网络，支持微信摇一摇功能，用户只要在电梯口的分众广告电视前，可以通过摇一摇获取附近商户的大礼包。...摇一摇、微信红包和附近的人，这几个功能被糅合到一起，构建新的O2O营销模式。这个小功能，对于一向抵制营销的微信而言，是一个巨大的改变，并且只是微信O2O营销版图中的冰山一角。...新的广告营销平台不只是完全移动化的，还会结合O2O、LBS和微信的业务特点，其中之一便于类似于搜索附近的商铺、摇一摇附近的商铺这类功能，这可以产生关键字竞价排名、按照效果的公众号广告这些广告模式，这个广告平台或许会成为继手游之后的第二大收入来源...微信进入变现深水区 2014年底微信开放公众平台评论，2015年升级摇一摇和搜索功能，大致可以看到微信不再像过去那样对“营销”如此忌惮，而是开始拥抱营销，释放微信的营销潜力，这也意味着微信即将迎来新的变现阶段
今天要介绍的需求也有这种感觉，就是“当 APP 处于后台或锁屏状态时，依旧可以监听到摇一摇，进而触发某些功能，比如：语音播报”。...也看到有人评论说 CoreMotion 的确可以实现跟系统摇一摇类似的效果，但是退到后台或锁屏后，没办法监听到摇一摇事件。 看到这条评论时，我不禁开始怀疑此功能是否真的可以被实现。...多 APP 都实现此功能时，摇一摇是何效果 这里用 demo APP 和酷狗音乐 APP 进行测试。 同时打开这两个 APP，其中酷狗音乐 APP 打开后台摇一摇切歌的功能。...文章小结 想要实现”iOS后台锁屏监听摇一摇“功能， 首次，必须满足一个硬性条件：APP 具有某种后台运行的权限。...此外，多 APP 都实现此功能时，摇一摇的效果是：只要摇动力度很大，加速计数据满足 APP 实现的摇一摇判定条件，就可以同时触发多个 APP 各自对应的效果。
上一篇写了怎样在线匹配歌词，http://blog.csdn.net/huweigoodboy/article/details/39878063，如今来讲讲摇一摇功能开发。...相同用了一个Service去实现摇一摇。
［关键词一：不断演习和优化，弱化需求变更概念］ 从1月中旬，当春晚摇一摇的大部分功能初步完成开发的时候，开发侧就发起了演习。每周四晚上8点到凌晨12点半，模拟春晚当晚的实际情况进行内部的体验和测试。...整个春晚摇一摇项目，基本上视觉稿或者交互稿给到老大都能大方向通过。所以春晚的项目后期紧张的时候，有些不是很大的方案，都是先开发，再同步给老大汇报，因为老大的时间毕竟难约。...在春晚摇一摇项目中，没有一个专门的项目经理的角色。项目经理都是产品经理或者开发在必要的时刻才兼任的。一开始的项目经理由产品承担，组织好相关部门来涉及和开发相应的产品。
这些问题的出现，促使了蒲公英的内测反馈功能的诞生。 ?...蒲公英（www.pgyer.com）一项为移动应用开发者提供应用测试、分发、统计分析为一体的应用测试平台，很大程度上能够解决开发者在内测应用阶段遇到的各种问题，最近，他们推出了应用内测反馈功能，更是受到开发者的热烈支持...蒲公英的内测反馈功能，可以帮助测试用户非常轻松的完成问题的提交。开发者的App在集成了蒲公英的SDK后，用户只需在App内“摇一摇”，即可激活蒲公英提供的问题反馈表单。...对于本身就已经用到了“摇一摇”手势的应用，蒲公英的SDK还支持其他手势，以避免和应用本身的手势冲突。例如开发者可以通过代码设置为三指滑动等，同时，也可以通过程序直接调出反馈表单。...如果你也是开发者，也对蒲公英的内测反馈功能感兴趣，可以点击进入这个网址下载蒲公英的SDK：http://www.pgyer.com/sdk，目前蒲公英的SDK支持iOS和Android两个平台。
云加互动 功能推荐---摇一摇 几年前的春晚，一场“摇红包”风靡神州大地，你不一定记得那一年春晚演出了哪些节目，但你一定记得那一晚举着手机摇红包的场景。...“摇一摇”，用简单的游戏方法，轻松调动观众情绪，炒热现场气氛。 BUT！你以为“摇一摇”就只有摇红包？...3D摇一摇（猴子爬树） 3D摇一摇（赛车） 云加在现场互动上做了很多尝试，让现场观众更有真实体验，积极互动。...功能使用推荐 基本上所有场合都适合摇一摇功能的使用，但是在以下场景，摇一摇会发挥出更出色的魅力： 01 企业年会：企业年会本来就是一个缅怀过去，展望未来的Party，是一个正式却又不失活泼的场合。...而摇一摇功能可以很好的起到调节气氛，拉近上司与同事之间关系的作用。
本文实例讲述了Android编程使用加速度传感器实现摇一摇功能及优化的方法。...分享给大家供大家参考，具体如下： 目前很多应用已经实现了摇一摇功能，这里通过讲解该功能的原理及实现回顾一下加速度传感器的使用: 1.首先获得传感器管理器的实例 sensorManager = (SensorManager...sensorManager.registerListener(listener, sensor, rate) 参数说明： listener：加速传感器监听器实例 sensor ：加速传感器实例，实现摇一摇使用的是...我们判断手机是否摇一摇，只要x,y,z轴，达到设定的阀值时就表示摇一摇。...，摇一摇"); new AllowShake().start(); } else { Log.e(TAG, "2s 后再次允许摇动"); } } 判断是否为重复晃动的方法可参考前面一篇文章 Android
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
