Collision Detection
Authors: Xunyi, youyou
Cocos Creator provides a set of API for detecting 3D object collision, and user can use these APIs for detection such as raycast.
Raycast
cc.geomUtils.intersect.raycast(rootNode, ray, handler, filter)
// Get a ray from the screen that is directed to the screen based on the point clicked
let ray = camera.getRay(touchPos);
// Detects downward based on the incoming root node and returns the detection results
// The returned result contains the node and distance
let results = cc.geomUtils.intersect.raycast(cc.director.getScene(), ray);
for (let i = 0; i < results.length; i++) {
results[i].node.opacity = 100;
}
If you want to detect more accurately, you can pass in a handler
function to detect.
let handler = function (modelRay, node, distance) {
// modelRay is the ray that ray convert to the node's local coordinate system
let meshRenderer = node.getComponent(cc.MeshRenderer);
if (meshRenderer && meshRenderer.mesh) {
// If a mesh renderer is present, the mesh is detected. Although it consumes more performance, but the detection is more accurate
return cc.geomUtils.intersect.rayMesh(modelRay, meshRenderer.mesh);
}
// return
return distance;
};
let results = cc.geomUtils.intersect.raycast(cc.director.getScene(), ray, handler);