jQuery에서 충돌 감지

-1

jQuery에서 애니메이션 기능의 충돌을 확인하려고합니다. Heres는, jQuery에서 충돌 감지

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
    <html> 
    <head> 
    <title>nothing</title> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> 
    <script type="text/javascript"> 
    $(function() { 
     $(document).keydown(function(event) { 
      if (event.which == 37) { 
       $('.button0 input').animate({ 
        'left': '+=' + Math.cos(90 * Math.PI/180) * 30 + 'px', 
        'top': '+=' + Math.sin(90 * Math.PI/180) * 30 + 'px' 
       }, 0); 
      } 
     }); 
     $(document).keydown(function(event) { 
      if (event.which == 39) { 
       $('.button0 input').animate({ 
        'left': '+=' + Math.cos(180 * Math.PI/180) * 30 + 'px', 
        'top': '+=' + Math.sin(180 * Math.PI/180) * 30 + 'px' 
       }, 0); 
      } 
     }); 
     $(document).keydown(function(event) { 
      if (event.which == 38) { 
       $('.button0 input').animate({ 
        'left': '+=' + Math.cos(270 * Math.PI/180) * 30 + 'px', 
        'top': '+=' + Math.sin(270 * Math.PI/180) * 30 + 'px' 
       }, 0); 
      } 
     }); 
     $(document).keydown(function(event) { 
      if (event.which == 40) { 
       $('.button0 input').animate({ 
        'left': '+=' + Math.cos(0 * Math.PI/180) * 30 + 'px', 
        'top': '+=' + Math.sin(0 * Math.PI/180) * 30 + 'px' 
       }, 0); 
      } 
     }); 
    }); 
    </script> 
    <style type="text/css"> 
    .button0 input{ 
    position:fixed; 
    left:142px; 
    top:77px; 
    font-family:Arial; 
    font-size:8px; 
    font-weight:NORMAL; 
    } 
    .button1 input{ 
    position:fixed; 
    left:333px; 
    top:58px; 
    font-family:Arial; 
    font-size:8px; 
    font-weight:NORMAL; 
    } 
    </style> 
    <body> 
    <div class="button0"><input type="button" style="width: 59px;height: 58px;" value="Button 0"/></div> 
    <div class="button1"><input type="button" style="width: 113px;height: 76px;" value="Button 1"/></div> 
    </body> 
    </html>

이

좋을 것 같은

뭔가를 (운동하는 동안 확인하지 않고) button0이 단추 1와 충돌 한 경우 우리가 확인할 수있는 이벤트가, 내 코드가 (이합니다 이벤트로) :

$('.button0 input').collision(function(".button1 input"){

출처

2012-01-24 thelost

jQuery는 이러한 기능을 제공하지 않습니다. 충돌 감지를위한 함수를 작성하거나 3D 파티 jQuery 라이브러리를 사용해야한다. gameQuery 라이브러리를 사용해 보셨습니까?

이 또한 question입니다. jQuery와 순수한 JavaScript 솔루션을 모두 가지고 있습니다.

출처

2012-01-24 00:19:43

게임 퀴리로 시도해 보았습니다. 여전히 작동하지 않습니다. http://pastebin.com/ZLwUKT3v – thelost

jQuery에서 충돌 감지

답변

관련 문제