Download
Wonderland Engine Logo
API

CollisionComponent

Native collision component.

Provides access to a native collision component instance.

.TypeName: string 

.collider: Collider 

Collision component collider

.collider 

Set collision component collider.

.extents: Float32Array 

Collision component extents.

If collider returns Sphere, only the first component of the returned vector is used.

.extents 

Set collision component extents.

If collider returns Sphere, only the first component of the passed vector is used.

Example:

1
2

// Spans 1 unit on the x-axis, 2 on the y-axis, 3 on the z-axis.
collision.extent = [1, 2, 3];

.group: number 

Collision component group.

The groups is a bitmask that is compared to other components in queryOverlaps or the group in rayCast.

Colliders that have no common groups will not overlap with each other. If a collider has none of the groups set for rayCast, the ray will not hit it.

Each bit represents belonging to a group, see example.

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11

   // c belongs to group 2
   c.group = (1 << 2);

   // c belongs to group 0
   c.group = (1 << 0);

   // c belongs to group 0 *and* 2
   c.group = (1 << 0) | (1 << 2);

   (c.group & (1 << 2)) != 0; // true
   (c.group & (1 << 7)) != 0; // false

.group 

Set collision component group.

.radius: number 

Get collision component radius.

Note: If collider is not Sphere, the returned value corresponds to the radius of a sphere enclosing the shape.

Example:

1
2
3
4
5

sphere.radius = 3.0;
console.log(sphere.radius); // 3.0

box.extents = [2.0, 2.0, 2.0];
console.log(box.radius); // 1.732...

.radius 

Set collision component radius.

Note: If collider is not Sphere, the extents are set to form a square that fits a sphere with the provided radius.

Example:

1
2

aabbCollision.radius = 2.0; // AABB fits a sphere of radius 2.0
boxCollision.radius = 3.0; // Box now fits a sphere of radius 3.0, keeping orientation

.queryOverlaps() ⇒ CollisionComponent[] 

Query overlapping objects.

Usage:

1
2
3
4
5
6

const collision = object.getComponent('collision');
const overlaps = collision.queryOverlaps();
for(const otherCollision of overlaps) {
    const otherObject = otherCollision.object;
    console.log(`Collision with object ${otherObject.objectId}`);
}

Returns: Collision components overlapping this collider.

Wonderland Engine Logo