我有这个代码,它在我正在处理的网站上打开一个篮子预览.如果用户徘徊在它上面它会保持打开状态,但我希望它在触发我的悬停的回调之前有两秒钟的延迟.这是为了防止用户不希望鼠标离开篮子区域.
以下是我用来为篮子制作动画的代码:
$('.cart_button, .cart_module').hover(function(){
$(".cart_module").stop().animate({top:'39px'},{duration:500});
}, function(){
$('.cart_module').stop().animate({top: -cartHeight},{duration:500})
});
Run Code Online (Sandbox Code Playgroud)
这是我试图使用的代码,但没有影响:
$('.cart_button, .cart_module').hover(function(){
$(".cart_module").delay().animate({top:'39px'},{duration:500});
}, function(){
$('.cart_module').delay().animate({top: -cartHeight},{duration:500})
});
Run Code Online (Sandbox Code Playgroud) 我知道之前有过像这样的问题,比如这样:检查JS中的FPS? - 在某种程度上确实有效,我能够找出每个循环完成的时间.
我正在寻找的是更具可读性和可控性的东西.我希望能够设置FPS计数器的刷新率使其变慢,因此它是人类可读的或者应用程序可以运行的速度,因此我可以在某种速度计上使用它.
无论如何所以这里是我现在的代码:
var lastLoop = new Date().getTime();
function updateStage()
{
clearCanvas();
updateStageObjects();
drawStageObjects();
var thisLoop = new Date().getTime();
var fps = (thisLoop - lastLoop);
$('#details').html(fps);
lastLoop = thisLoop;
iteration = setTimeout(updateStage, 1);
}
Run Code Online (Sandbox Code Playgroud)
我是否正确将setTimeout函数设置为1毫秒的速度?我以为这会让它尽可能快地循环.
我应该每隔100帧计算一次,找出运行100帧所需的毫秒数,然后进行计算以找出如果毫秒为1000则会完成多少帧?这个计算是什么?
为了使结果更准确,我猜我需要显示平均值,因为一帧可以变化很大,我应该怎么做?
任何提示都非常感谢.
谢谢.
我有一个名为的数组$times
.它是一个小数字列表(15,14,11,9,3,2
).这些将是用户提交的,应该是几分钟.由于PHP时间在几秒钟内工作,我想将我的数组的每个元素乘以60.
我一直在玩array_walk
,array_map
但我不能让那些工作.
我有一个问题,我无法找到答案.
我正在尝试使用Node.JS和Socket.IO构建多人游戏.我已经建立了一个聊天室作为我的第一个实验,所以我有广播工作等等.现在我正处于想要使用Canvas的地方.
我遇到的问题是围绕多个独立玩家.我知道每个玩家都会将他们的x,y线发送到服务器,服务器会广播那些,但是客户端如何知道要显示多少玩家,我猜他们必须存储在某个地方的数组中.
我正在玩HTML5画布,在我的第一个实验中,我决定尝试用基本的用户输入制作一个简单的汽车动画.我认为我最基本的输入和移动方式,但我只是想看看我是否可以更进一步.
演示:http://jsfiddle.net/mpxML/20/ (使用箭头键)
我有一个图像加载,你还可以看到一个移动的黑色方块,即转换点,或汽车转向的位置.我想以某种方式创造一种可以在更高速度下实现的漂移效果等.当它不移动时也可以转动,这是不对的.
无论如何,我只是不知道我需要什么逻辑才能使汽车感觉更加半现实.
谢谢
我有一个带有小针脚的时间线,当它悬停在上面时,向上或向下滑动然后显示一个标题.当鼠标离开时,标题应该消失并且引脚向后移动.这是有效的,但是使用我正在使用的代码,如果鼠标移动得太快,它就不会检测到鼠标离开.我怎样才能解决这个问题?
PS,我使用鼠标进入/离开的唯一原因是因为我认为我需要使用live(),因为我的元素是在文档加载后动态添加的.
$('#about-me .progress-bar .progress .notes li.personal').live('mouseenter',function(){
$(this).animate({
top:25
}, 200, function(){
$(this).find('.caption').stop(true, true).fadeIn(200);
});
}).live('mouseleave',function(){
$(this).find('.caption').stop(true, true).delay(200).fadeOut(200,function(){
$(this).parents('li').animate({
top:30
},200);
});
});
Run Code Online (Sandbox Code Playgroud) 我的一个朋友使用另一个Geany的Coda,它们都能够只显示Tab和Space不可见的字符而不是行尾字符.
任何人都可以启发我在Dreamweaver中这样做的方法吗?
谢谢.
我正在用HTML5画布制作一个简单的游戏,它涉及驾驶一辆小汽车.
向上箭头移动汽车,左右箭头操纵它.
我有旋转排序,但现在它需要在按住向上键时根据它所处的角度移动其x和y位置.
例:
角度为0,向上箭头仅影响y坐标.
角度为45,向上箭头将以相同的速度影响x和y坐标.
如果说角度是32,我可以使用什么逻辑?
我非常了解HTML5画布,我知道使用循环等的基础知识和动画.
我正在使用的演示:(点击制作形状)http://henry.brown.name/experiments/box2d/example-canvas.html
我不太熟悉的是Box2D.我正在使用Box2DWeb端口,我听说它比Box2D-js更新,我不确定哪个最好.
我知道如何初始化'世界',我可以在世界上放置物体.然后我使用Step来动画世界 - 但是到目前为止,我只能在屏幕上显示它,因为它基本上可以为您完成所有操作.
而不是使用调试绘图我想使用画布绘制,例如汽车而不是仅仅是一个正方形.如何将正方形的物理特性附加到汽车图像上?我只是不知道如何将画布与Box2D整合在一起.
任何提示都将受到大力赞赏!
谢谢
比方说,我想回应"你正在使用Windows!" 或"您使用的是Macintosh!",具体取决于用户操作系统.这可能吗?
canvas ×4
jquery ×4
html5 ×3
javascript ×3
php ×2
animation ×1
arrays ×1
box2d ×1
delay ×1
dreamweaver ×1
frame-rate ×1
math ×1
node.js ×1
physics ×1
socket.io ×1