Collision between 2 2D Billboard Sprites

julien

Snap Lens Network Member Lens Studio Team

January 28, 2018 01:10

Hey!

I have a very nice idea for a Lens but I just need to figure out how I could create a collision between 2 objects. When 1 of my objects hits another object the whole Lens should restart.

Could anyone help me with this? Thanks!

Travis Chen
Snap Lens Network Member Lens Studio Team

January 29, 2018 19:45
The easiest way to check for the "collision" on the billboard objects is to do a distance check between the two billboard objects. When the billboards are within some tunable distance, treat them as collided. Here's a little example script that shows this principle. Note for billboards, you want to use the SpriteAligner's binding point for their position rather than transform position which you'll see in the script below.

Add this script to an empty object and bind it to the Frame Updated event. Then, you can move the billboards in the editor. When they get close to each other, "COLLIDE" will be printed to the logger. You should be able to take this logic and build it into your use case.
```
// -----JS CODE-----
// @input Component.SpriteAligner billboardA
// @input Component.SpriteAligner billboardB
// @input float collideDistance = 0.25

var posA = script.billboardA.bindingPoint;
var posB = script.billboardB.bindingPoint;
var distance = Math.abs( posA.distance(posB) );

if( distance <= script.collideDistance ) {
    print( "COLLIDE!" );
} 
else
{
    print( "NO COLLIDE, Distance: " + distance );
}
```
Comment actions Permalink

Patrick Henry Vlogs

Snap Lens Network Member Lens Studio Team

February 09, 2018 22:38

So I was trying to do get two objects to collide and the remove one object I tried the destroy() but not working so kept it simple and just deactivted.

no script error but no result either....

have world camera on so went with global. get transform of get posiotion

not sure what I missed here; any thoughts

// -----JS CODE-----
// @input SceneObject objectA
// @input float collideDistance = 0.25
// @input SceneObject ObjectB

var objA = script.objectA.getTransform().getWorldPosition();
var objB = script.objectB.getTransform().getWorldPosition();

var distance = Math.abs( objA.distance(objB));

if( distance <= script.collideDistance ) {
    print( "COLLIDE!" );
       script.ObjectA.enabled = false;

} 
else
print("missed");
{
}

Patrick Henry Vlogs

Snap Lens Network Member Lens Studio Team

February 09, 2018 22:44

ok I think my actual scence is bit messed up tried on two boxes no issue

// -----JS CODE-----

// @input SceneObject objectA

// @input float collideDistance = 0.25

// @input SceneObject objectB




var objA = script.objectA.getTransform().getWorldPosition();

var objB = script.objectB.getTransform().getWorldPosition();




var distance = Math.abs( objA.distance(objB));




if( distance <= script.collideDistance ) {

print( "COLLIDE!" );

script.objectA.enabled = false;




}

else

print("missed");

{

}

Travis Chen
Snap Lens Network Member Lens Studio Team

February 12, 2018 07:35
Hey Patrick, I responded to your other thread here:

https://lensstudio.zendesk.com/hc/en-us/community/posts/360000668743-Collision-of-objects-with-world-camera?page=1#community_comment_360000129543

Basically, I think your script works!
Comment actions Permalink

Collision between 2 2D Billboard Sprites

We're here to help! We just need a little bit of information...

What system do you run Lens Studio on?

Follow the next steps to help us solve your issue:

Thanks for submitting this issue.

We'll try to resolve this issue as soon as possible. Thanks for letting us know about it!