Tag: 碰撞检测

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 […]

jQuery产生div和碰撞检测: 所以即使在我学校的家庭作业项目结束时，我只是遗漏了两件似乎无法弄清楚的重大事情： 1.如何用间隙的随机位置产生管道障碍物，这样鸟就可以飞过（使用改变管道div的css’right’attr的function，用于间隙位置），然后移除管道它从屏幕底部消失。（这是一个像btw一样倒置的飞鸟游戏..） 2.第二我需要一个碰撞检测function的帮助，所以我知道游戏何时结束（这不太重要，因为我认为我可以在解决第一个问题后解决它） $(document).ready(function(){ //Variables var screenWidth = $(window).width();//Screen width var screenHeight = $(window).height();//Screen height var birdWidth = $(“#bird”).width();//bird width var y = 0;//Background y position var astY = 0;//Pipe position var bird = {//bird properties goingLeft: false, goingRight: false, lspeed: 0, rspeed: 0, maxSpeed: 10 }; setBirdPosition(screenWidth/2 – birdWidth/2, screenHeight/1.3 – birdWidth/2); startBackgroundMovement(); […]

Javascript碰撞检测系统不会忽略阻塞的碰撞: 我在使用EaselJS和我的碰撞检测系统进行小游戏开发时遇到了问题，我需要别人的帮助。当英雄（圆形位图）碰撞一个物体并且第一个物体后面有其他物体时，即使第二次碰撞被阻挡，英雄也会与两个物体发生碰撞。这是一个图像说明：问题的原因非常简单，即使问题本身不是：该碰撞检测系统基于圆的未来位置（而不是其实际位置），然后如果圆的下一个位置与矩形相交，则它将反弹。问题在于，如果未来位置与两个矩形相交，则圆圈将在两个矩形中反弹 – 即使实际的圆周运动被另一个矩形阻挡，也无法到达第二个矩形。更新：请注意，只有在由于rect创建顺序而保持向上箭头时才会出现此问题。这是相关的JavaScript代码： rects.forEach(function (rect) { // Affect all rects // Collision detection: // (This MUST BE after every change in xvel/yvel) // Next circle position calculation: var nextposx = circle.x + event.delta / 1000 * xvel * 20, nextposy = circle.y + event.delta / 1000 * yvel […]

动画期间的jQuery碰撞检测: 我想让黑匣子检测它是否会在有边框上碰撞。如果黑匣子检测到碰撞，它将四处移动并转到用户点击的位置。如何用jquery做到这一点？

碰撞检测不规则形状: 我知道如何检查一个圆是否要与一个正方形碰撞，我知道如何检测一个正方形是否要与一个正方形碰撞，但我如何检测一个多边形是否即将与一个正方形碰撞？或者更好的是，当多边形即将与多边形碰撞时。或者更好的是，当由不直的线组成的形状与另一个相似的形状，多边形或圆/矩形碰撞时是否有任何方法可以获得像素的形状可能占用的像素和另一个形状的像素将占用并检查它们中的任何一个是否相同？我希望有一些解决方案不需要大量的形状特定计算。我使用javascript和html5canvas来做到这一点。

html5canvas中的碰撞检测: 我正在尝试构建一个游戏，用户应该将圆圈放在垂直条中，但我在碰撞检测function方面遇到了麻烦。这是我的jsfiddle： http ： //jsfiddle.net/seekpunk/QnBhK/1/ if (collides(Bluecircle, longStand)) { Bluecircle.y = longStand.y2; Bluecircle.x = longStand.x2; } else if (collides(Bluecircle, ShortStand)) { Bluecircle.y = ShortStand.y2; Bluecircle.x = ShortStand.x2; } function collides(a, bar) { return ax == bar.x1 && ay == bar.y1; }

如何在一组Div元素之间实现碰撞检测？: 我在jsfiddle中有这个例子我有一个var作为碰撞元素： var $div = $(‘.container’); 然后碰撞： function test (){ $(‘.drag’) .drag(“start”,function( ev, dd ){ dd.limit = $div.offset(); dd.limit.bottom = dd.limit.top + $div.outerHeight() – $( this ).outerHeight(); dd.limit.right = dd.limit.left + $div.outerWidth() – $( this ).outerWidth(); }) .drag(function( ev, dd ){ $( this ).css({ top: Math.min( dd.limit.bottom, Math.max( dd.limit.top, dd.offsetY ) ), left: Math.min( dd.limit.right, […]