Edge Animate - How to do hitTest?

[TomW]

I'm a newbie, trying to get Edge Animate to perform a hitTest on two elements when one is dropped (see attached). Seems like it should work but I'm stumped.  Any ideas?

 

Draggable.create(sym.$("dragger"), { 

onDragEnd:function() {

alert("dropped");

checktarget()

}

});

 

function checktarget(){

alert("checktarget");

if (sym.$("dragger").hitTest(sym.$("target"))) {

alert("hit");

}

}

 

drag.zip

[Diaco]

Hi TomW 

 

Pls try this :

Draggable.create(sym.$("dragger"), { 
   onDragEnd:checktarget
});

function checktarget(){
   if ( this.hitTest(sym.$("target")) ) {
      alert("hit");
   }
}

Oh ! , and you Need to Update your GSAP js files :

 

your files = TweenMax 1.11.4 , Draggable 0.9.9

 

GSAP last release  = TweenMax 1.16.1 , Draggable 0.13.0 ,  ( updated 2015-04-09  )

[TomW]

Thanks very much for the code and file warning!  I did not realize that my files were out of date. Will remember to make sure they are all current. 

[a7med.flash]

Please how can i use "hitTest" only without drag & drop for example

if ( sym.$("dragger").hitTest(sym.$("target")) ) {

    alert("hit");

}

 

not working

I need to create animated object when it hit static object go with alert("hit");

[Diaco]

Hi a7med.flash 

 

you can use static version of Draggable hit test :

var Blue = document.querySelector('#blue');
var Red = document.querySelector('#red');

TweenLite.to(Red,2,{x:300,onUpdate:function(){
    var hit = Draggable.hitTest( this.target , Blue , 10 );
    console.log(hit);
}});

or use js 2D collision detection methods ( same as above code , check with onUpdate fn ) :

https://developer.mozilla.org/en-US/docs/Games/Techniques/2D_collision_detection

[Jonathan]

Nice reference for 2D collision detection Diaco, really useful link !!

[a7med.flash]

Thank you very much for the useful code