微信推出后，他的摇一摇功能非常的火爆，没事来微信摇一摇加加好友，我们可不可以借鉴一下微信的摇一摇功能，让手机访问网页的时候，只要手机摇一摇，网页背景就会自动随时换一个网页背景。...具体想要用摇一摇的功能思路已经确认的了，现在就是来实现代码的了。我们现在是用HTML5实现摇一摇的功能。...lastX = x; lastY = y; }, false); } 有兴趣的童鞋可以更多的扩展一下，通过js来实现更多摇一摇的功能...下面我再分享另外一段js实现的方法，大家可以对比一下： 用javascript实现手机摇一摇 if(navigator.userAgent.indexOf('iPhone')>-1) { var...- last_y - last_z) / diffTime * 10000; if (speed > SHAKE_THRESHOLD) { alert('摇一摇
概述 前面我们讲了如何开始微信小程序搭建和一些组件的介绍。微信小组件和微信小程序入门 微信小程序目录 为了更好的理解小程序和小程序开发，我们首先来看一下项目的目录。...摇一摇项目实例 我们首先看一下测试效果 ? 添加图片资源 ?...index.wxss index.wxss 是整个小程序的样式表,如这个摇奖对应得摇一摇样式。对css熟悉的肯定不会陌生。
从微信最近一些动作来看，2015年微信将围绕公众账号、摇一摇大做文章，最终目的则是让微信丰厚的流量得到变现机会，可以揣测，2015年微信将大力变现，努力成为腾讯新的现金牛。...微信摇一摇升级：可以摇到附近的商户 继公众平台支持评论之后，据腾讯内部人士爆料，微信最近又将迎来大版本，其中一个亮点便是可以搜索附近的商户，除了文字搜索之外，还可通过摇一摇搜索周边商户。...笔者了解到目前微信已与分众传媒战略合作，依靠分众全面部署iBeacon网络，支持微信摇一摇功能，用户只要在电梯口的分众广告电视前，可以通过摇一摇获取附近商户的大礼包。...摇一摇、微信红包和附近的人，这几个功能被糅合到一起，构建新的O2O营销模式。这个小功能，对于一向抵制营销的微信而言，是一个巨大的改变，并且只是微信O2O营销版图中的冰山一角。...微信进入变现深水区 2014年底微信开放公众平台评论，2015年升级摇一摇和搜索功能，大致可以看到微信不再像过去那样对“营销”如此忌惮，而是开始拥抱营销，释放微信的营销潜力，这也意味着微信即将迎来新的变现阶段
［关键词一：不断演习和优化，弱化需求变更概念］ 从1月中旬，当春晚摇一摇的大部分功能初步完成开发的时候，开发侧就发起了演习。每周四晚上8点到凌晨12点半，模拟春晚当晚的实际情况进行内部的体验和测试。...微信很讲究每个产品经理的逻辑思考能力，产品经理讲究做出来的东西要让自己爽，并且要能说清楚什么爽，这样既能说服设计、开发，也能说明老大。整个春晚摇一摇项目，基本上视觉稿或者交互稿给到老大都能大方向通过。...在春晚摇一摇项目中，没有一个专门的项目经理的角色。项目经理都是产品经理或者开发在必要的时刻才兼任的。一开始的项目经理由产品承担，组织好相关部门来涉及和开发相应的产品。...当微信2月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如何使用传感器 因为本文是为了实现一个仿微信摇一摇的功能，而实现这个功能用到的是加速度传感器。所以我们就以加速度传感器来讲解具体的实现过程。...SensorManager.SENSOR_DELAY_GAME);//注册 3、最后记得接触注册传感器 sensorManager.unregisterListener(accListener);//解除注册 4微信摇一摇核心代码...作为程序员，直接上微信摇一摇的核心代码，相信可以更直接了当的介绍传感器的具体用法，程序中重点的语句，我也已经注释在代码后面。...getApplicationContext(),R.raw.kakaka,1);//将资源转化为可播放对象 } private void playAnim() { //微信摇一摇动画
［关键词三：刚需、好玩、情怀］ 微信春晚摇一摇除了甚嚣尘上的“抢红包”，其实还包括了另外8个互动方式：明星拜年、上传全家福、好友红包拜年、好友贺卡拜年、小视频、彩蛋红包、彩蛋页面、实时节目单。...但是，假如春晚摇一摇只停留在“抢红包”，那么这场微信上的“春晚”就会像是只有某山表演的小品却没有其他歌舞等节目。...因此微信的摇一摇产品也是如此。一台跨越近5个小时的互动，如果只有一个互动方式，那么会少了期待和好玩性；相反，需要更多的互动方式来参与，而且互动方式还不能时时刻刻一致，因为用户不会一直摇看同一个页面。...红点只是让人进来，但人总会再出去，倒计时bar就是告诉用户出去后什么时候再进来的， ［关键词五：目标］ 很多人以为这些春晚摇一摇就是微信跟支付宝的红包大战，且微信赢了。...但红包之于电视场景，只是一种互动方式，微信通过春晚摇一摇，让用户知道电视也可以这么玩，后续看电视都可以有新玩意产生。
在android中，一般手机貌似没有定制这个功能，不过我们可以自己去实现这样的功能，放置在我们的项目程序中，体现更人性化的设计，思路很简单，主要是利用手机内置的加速度传感器装置，其实大家一定会想到微信的...“摇一摇”功能，个人觉得该功能就应该是这样实现的，当我们错误输入并想撤销所有输入内容的时候，可以摇晃我们的设备，弹出一个自定义的alertdialog，根据按钮的点击事件完成相应的清除操作。
话说，小程序也能做摇一摇功能，但好像没怎么看到过有什么小程序做了这个？（大家如果看到，可以留言推荐一下），按耐不住心中好奇心的花叔这两天研究了一下。...在说这之前，请允许我描述一下Nodes的新功能，因为由于这功能，花叔才萌生了研究小程序摇一摇的好奇心。 最近给Nodes加了个人首页”的功能，大致的功能点如下： ?...方法是可行的，但花叔太懒，不想弄，于是接下来做了一个挺“反人类”的交互，请看演示（这可是花叔冒着生命危险录的demo）： ?...没错，演示的页面就是上面访问的那个页面，只要在那个页面进行摇一摇，就会随机出现其他用户的主页。...这里用了微信小程序的两个API： 加速度计API，用来模拟摇一摇的 音频api，用来播放音频的 代码怎么写？
每次媒介号召力的出现，都会给摇一摇带来峰波。 大家可以看到上面就是春晚当天晚上和微信有相关的口播，大概在20：09分时主持人号召可以通过微信去上传全家福。...因为场景不符合所以导演组和微信共识是把它去掉了。其次，预告红包放在什么时候？...红点刚下发的时候摇一摇的次数会稍微上涨，之后保持平缓，而红包一开始抢，摇一摇次数曲线就陡增。这说明什么？...，无论是用户还是微信都索然无味。...这样实时节目单只有微信摇一摇有，是有别于以往传统的节目单的。 第三是模拟一对一。电视台一直都是大众媒介，面向大众的，在电视媒体面前，用户变成了沉默的大多数。这样用户会觉得参与感很低。
用户不断摇，面包不断掉，而面包机不断生产面包，不断往上滚动补充面包。...性能优化 上面的思路中提到，“掉落的面包”是临时“增加”的，也就意味着会有DOM节点的插入，由于这个游戏是允许同时有多个面包掉落的，所以这个“掉落的面包”还不能通用一个DOM，这就导致了DOM节点随着不断摇，...和 .eq() 选择器，而且随着面包不断的掉落，是大量的使用，所以其实也存在性能优化空间，最后最后的方案是换成ID选择器： 2）兼容性问题 众所周知，部分史前手机 不支持陀螺仪的，而本项目的核心 摇一摇...需要利用陀螺仪来判断摇晃的剧烈程度 从而决定面包掉落的多少 那遇到不能摇的手机怎么办呢？...▼ 微信：IMWebTech
下面的代码主要控制手机摇晃的程度，在摇晃到一定成的时候，才会触发摇一摇回调，重点在于如何保证摇一摇的触发既不能太灵敏，也不能太迟钝。...下面代码的主要思路，是计算两次时间间隔之间摇晃的空间位置之间的直线距离，从而计算获得当前时间段内摇晃手机的速度，当这个速度达到一定的阈值，则认为出发了摇一摇的动作，反之则进行下一次的摇晃数据的采集。...Log.e("onShake", "onShake speed:" + speed); mSpeedTv.setText("当前摇晃的速度: " + speed); } } 摇一摇触发的效果
本文给大家讲解了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("我实现摇一摇了
前言 本篇文章是用UniApp开发的，但是由于调用的API只是被UniApp封装好的微信API，所以整个功能是可以完全使用微信小程序原生开发的。...某些配置文件内容，会从uniapp和微信小程序两个维度去进行说明，方便不同框架的程序员来开发使用。 先来展示一下看看叭 自定义顶部栏 微信小程序是自带一个顶部标题栏的，需要手动配置才会隐藏。...，我们需要加一个摇一摇的动图，放在最显眼的位置。...摇一摇，摇到什么吃什么 进入页面就需要开始监听用户摇动手机的动作，所以需要把监听代码放到 onShow 生命周期中。...监听摇一摇的同时，为了避免跳出当前页之后还在监听，所以需要判断是否停留在当前页，所以需要用到 getCurrentPages方法获取当前页的路由。
<script type="text/javascript"> var color = new Array('#fff', '#ff0', '#f00', ...
微信方面宣布“微信连Wi-Fi”和“摇一摇•周边”正式开启自助申请入口测试。...据介绍，测试期间，商户可分别通过 https://wifi.weixin.qq.com/和http://zb.weixin.qq.com/进行”微信连Wi-Fi“和 “摇一摇•周边”的自助接入。...微信认证后的公众号可授权“微信摇一摇·周边”服务 据了解，微信新推出的“摇一摇•周边”，是基于微信“摇一摇”与iBeacon技术的服务。...比如通过“摇一摇•周边”，用户可以在线下的商铺、餐厅、橱窗甚至货架前，摇到由商家提供的红包、优惠券、小游戏，或者导航等服务。 ...同时，“摇一摇•周边”的商家也能通过线上、线下两方面信息的结合，对顾客进行更精准的客流分析和用户营销。
} lastX = x; lastY = y; lastZ = z; } } 代码实测 在安卓的微信网页内打开
运行 demo 工程，经测试，把 APP 退到后台或锁屏，或即退到后台又锁屏，都能够检测到摇一摇事件。...多 APP 都实现此功能时，摇一摇是何效果 这里用 demo APP 和酷狗音乐 APP 进行测试。 同时打开这两个 APP，其中酷狗音乐 APP 打开后台摇一摇切歌的功能。...demo APP 打开后，退到后台。...摇一摇，查看效果： 当摇动的力度不是很大时，demo APP 回调方法会被触发； 当摇动的力度很大时，demo APP 回调方法和酷狗 APP 切歌会同时被触发； 由此可见，如果多个 APP 同时实现了此功能时...后台定位权限 + 系统摇一摇，是否可行？ 经测试，还是不行。果然，系统摇一摇还是比较受限的，只能在前台回调。
上一篇写了怎样在线匹配歌词，http://blog.csdn.net/huweigoodboy/article/details/39878063，如今来讲讲摇一摇功能开发。...相同用了一个Service去实现摇一摇。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
