Tag: 碰撞

div的jquery碰撞检测

我正在尝试用jQuery学习一些编程。 我有一个800 x 800像素尺寸的div。 我有另一个16 x 16像素div,我想使用箭头键在较大的一个内移动。 问题是我无法让它正常工作,有人可以告诉我我做错了什么。 向左移动,如果css属性“left”低于0px,它将停止16×16 div: $(this).keydown(function(e) { if (e.which == ’37’ && ($(‘#p1’).css(‘left’) > “0px”)) { $(‘#p1’).css(‘left’, ‘-=16px’) } }); 向右移动不起作用,它会从左侧停止16×16 div到80px,无论80px以上的值是多少,我都尝试: $(this).keydown(function(e) { if (e.which == ’39’ && ($(‘#p1’).css(‘left’) < '800px')) { $('#p1').css('left', '+=16px') } }); 使用类似方法上下移动也不起作用,移动被错误地限制。 没有&&参数,向所有方向移动都可以正常工作。

jquery .animate()碰撞检测

我正在使用animate在div网格中移动div。 作为测试,我将一些网格div设置为障碍。 如果动画div与我想要结束动画的其中一个障碍相撞。 插件很好或代码片段。 我有点怀疑我用.animate()嗅探错误的树,所以任何正确方向的推动或我正在做的改进都会受到赞赏: Game Test //set up a var for the cube to check to see if it is moving var move = true; //set up gameBoard parameters var minX = 100; var maxX = 1000; var minY = 200; var maxY = 500; $(document).ready(function(){ $(“.mapGrid”).click(function() { //get the locations of all the […]

创建向量和冲突

我有一个球和一根棍子(用于台球比赛)。 首先将球放在桌子的位置。 点击球时,棒子会出现,这样我们就可以通过点击球来确定棒的放置角度(点击时我们确定鼠标相对于球心的角度,并将棒放在那个角度接触球)。 所以现在棍子也在桌子上。 现在我只是沿着那个角度拖动棍子,如果拖动的角度不是初始角度,则返回false。 在拖动结束时,我正在计算由杆移动的距离,并且杆返回到接触球的初始位置。 然后我试图相对于棍子的角度和棍子移动的距离移动球。 球在这里移动但不是关于这些中的任何一个。 这已成为我的问题,我在这里更新了小提琴: strikerGroup.on(‘dragend’, function () { var strikerLastPos = strikerGroup.getAbsolutePosition(); strikerGroup.setPosition(initStrikerGrpX, initStrikerGrpY); striker.speedX = striker.speedY = 2; var strikerGrpDistMoved = Math.sqrt(((strikerLastPos.x – strikerGroup.getAbsolutePosition().x) * (strikerLastPos.x – strikerGroup.getAbsolutePosition().x)) + ((strikerLastPos.y – strikerGroup.getAbsolutePosition().y) * (strikerLastPos.y – strikerGroup.getAbsolutePosition().y))); var newX = striker.getX() + (Math.cos(theta) * strikerGrpDistMoved); var newY = striker.getY() – […]

请推荐一个JQuery插件来处理可拖动元素的碰撞检测

我们正在使用Draggable JQuery UI插件,需要禁止在我们的元素之间重叠。 我们自己可以写一些碰撞检测,但更喜欢使用经过测试的包。 有什么建议?