在iPhone的删除模式下应用程序抖动的算法
algorithm for app shaking in iphone's delete mode
有没有人知道是否有一种开源算法可以操纵对象的(x,y)坐标,类似于iPhone在主屏幕上的删除模式,所有应用程序图标都在摇晃?我们试图使用 javascript/jquery 来模拟这一点,所以我们更喜欢 js 算法,但我想如果这个算法已经被开发出来,但用另一种语言,移植起来并不难。
我不记得iPhone在删除模式下的抖动是什么样子的,但希望您可以调整以下脚本中的值以满足您的目的。它在元素中提供随机 X/Y 移动,前提是该元素具有类shaking
。
function randomRange(lowerRange, upperRange) {
return Math.floor(Math.random() * (upperRange - lowerRange + 1)) + lowerRange;
}
function shakeElement(elem) {
if ($.data($(elem)[0], "pos") === undefined) {
$.data($(elem)[0], "pos", {
top: $(elem).position().top,
left: $(elem).position().left
});
}
if($(elem).hasClass("shaking")) {
$(elem).animate({
top: $.data($(elem)[0], "pos").top + randomRange(-8, 8),
left: $.data($(elem)[0], "pos").left + randomRange(-8, 8)
}, 100, function() {
shakeElement(this);
});
}
}
$(".shaking").each(function() {
shakeElement(this);
});
这是一个适合您的工作 jsFiddle 演示。
相关文章:
- Canvas Html5绘图应用程序,移动画布会导致重大问题
- Emberjs应用程序加载在除Index之外的所有路由上
- 使用电话间隙在Android应用程序中显示SQL Lite的数据
- 在AngularJS应用程序中使用封装指令和路由的推荐方式是什么
- Windows8应用程序(html&Javascript):从图片库(除了文件选择器)显示图像的另一种方式
- angular 1.5应用程序中的导航栏
- 在Web应用程序中使用Highcharts javascript
- angularjs+rails应用程序中未显示模板
- 使用acess代币登录Facebook,并通过网络应用程序离线发布
- 从HTTPGET返回一个自定义对象列表,以便在Angular 2应用程序中使用
- 科尔多瓦页面类应用程序中的多个谷歌地图
- 使用谷歌应用程序脚本将服务器端数据表返回到客户端
- Angularjs-utils高亮过滤器在搜索时破坏应用程序
- 在phonegap应用程序内部重定向不起作用
- 使用谷歌应用程序脚本从工作表中获取值并将其显示在文本框中
- MockJax没有在JavaScript应用程序中发送对我AJAX请求的响应
- Node.js正在更改应用程序以使用集群模块
- 在iPhone的删除模式下应用程序抖动的算法
- 减少HTML5/Javascript应用程序中的抖动
- Android浏览器抖动检测与javascript的web应用程序