@react-three/rapier 0.4.3 → 0.5.2

package/dist/react-three-rapier.esm.js

@@ -3,7 +3,7 @@ import { useAsset } from 'use-asset';
 import { useFrame } from '@react-three/fiber';
 import { ColliderDesc, CoefficientCombineRule, ActiveEvents, EventQueue, ShapeType } from '@dimforge/rapier3d-compat';
 export { CoefficientCombineRule, Collider as RapierCollider, RigidBody as RapierRigidBody } from '@dimforge/rapier3d-compat';
-import { Vector3, Quaternion, Object3D, Euler, CylinderBufferGeometry, BufferGeometry, BufferAttribute, SphereBufferGeometry, BoxBufferGeometry } from 'three';
+import { Quaternion, Euler, Vector3, Object3D, CylinderBufferGeometry, BufferGeometry, BufferAttribute, SphereBufferGeometry, BoxBufferGeometry } from 'three';
 
 const vectorArrayToObject = arr => {
   const [x, y, z] = arr;
@@ -13,6 +13,11 @@ const vectorArrayToObject = arr => {
     z
   };
 };
+const quaternion = new Quaternion();
+const euler = new Euler();
+const vector3ToQuaternion = v => {
+  return quaternion.setFromEuler(euler.setFromVector3(v));
+};
 const rigidBodyTypeMap = {
   fixed: 1,
   dynamic: 0,
@@ -38,11 +43,13 @@ const scaleColliderArgs = (shape, args, scale) => {
   const scaleArray = [scale.x, scale.y, scale.z];
   return newArgs.map((arg, index) => scaleArray[index] * arg);
 };
-const createColliderFromOptions = (options, world, rigidBody, scale = {
-  x: 1,
-  y: 1,
-  z: 1
-}, hasCollisionEvents = false) => {
+const createColliderFromOptions = ({
+  options,
+  world,
+  rigidBody,
+  scale,
+  hasCollisionEvents
+}) => {
   var _options$shape, _options$args, _options$restitution, _options$restitutionC, _options$friction, _options$frictionComb;
 
   const mass = (options === null || options === void 0 ? void 0 : options.mass) || 1;
@@ -51,15 +58,16 @@ const createColliderFromOptions = (options, world, rigidBody, scale = {
   const [cmx, cmy, cmz] = (options === null || options === void 0 ? void 0 : options.centerOfMass) || [0, 0, 0];
   const [pix, piy, piz] = (options === null || options === void 0 ? void 0 : options.principalAngularInertia) || [mass * 0.2, mass * 0.2, mass * 0.2];
   const [x, y, z] = (options === null || options === void 0 ? void 0 : options.position) || [0, 0, 0];
-  const [rx, ry, rz] = (options === null || options === void 0 ? void 0 : options.rotation) || [0, 0, 0]; // @ts-ignore
+  const [rx, ry, rz] = (options === null || options === void 0 ? void 0 : options.rotation) || [0, 0, 0];
+  const qRotation = vector3ToQuaternion(new Vector3(rx, ry, rz)); // @ts-ignore
 
   const scaledArgs = scaleColliderArgs(options.shape, colliderArgs, scale);
   let colliderDesc = ColliderDesc[colliderShape]( // @ts-ignore
   ...scaledArgs).setTranslation(x * scale.x, y * scale.y, z * scale.z).setRotation({
-    x: rx,
-    y: ry,
-    z: rz,
-    w: 1
+    x: qRotation.x,
+    y: qRotation.y,
+    z: qRotation.z,
+    w: qRotation.w
   }).setRestitution((_options$restitution = options === null || options === void 0 ? void 0 : options.restitution) !== null && _options$restitution !== void 0 ? _options$restitution : 0).setRestitutionCombineRule((_options$restitutionC = options === null || options === void 0 ? void 0 : options.restitutionCombineRule) !== null && _options$restitutionC !== void 0 ? _options$restitutionC : CoefficientCombineRule.Average).setFriction((_options$friction = options === null || options === void 0 ? void 0 : options.friction) !== null && _options$friction !== void 0 ? _options$friction : 0.7).setFrictionCombineRule((_options$frictionComb = options === null || options === void 0 ? void 0 : options.frictionCombineRule) !== null && _options$frictionComb !== void 0 ? _options$frictionComb : CoefficientCombineRule.Average);
 
   if (hasCollisionEvents) {
@@ -67,6 +75,8 @@ const createColliderFromOptions = (options, world, rigidBody, scale = {
   } // If any of the mass properties are specified, add mass properties
 
 
+  const qMassRot = vector3ToQuaternion(new Vector3(0, 0, 0));
+
   if (options !== null && options !== void 0 && options.mass || options !== null && options !== void 0 && options.centerOfMass || options !== null && options !== void 0 && options.principalAngularInertia) {
     colliderDesc.setDensity(0);
     colliderDesc.setMassProperties(mass, {
@@ -78,23 +88,33 @@ const createColliderFromOptions = (options, world, rigidBody, scale = {
       y: piy,
       z: piz
     }, {
-      x: 0,
-      y: 0,
-      z: 0,
-      w: 1
+      x: qMassRot.x,
+      y: qMassRot.y,
+      z: qMassRot.z,
+      w: qMassRot.w
     });
   }
 
   const collider = world.createCollider(colliderDesc, rigidBody);
   return collider;
 };
-const createCollidersFromChildren = (object, rigidBody, options, world) => {
+
+const isChildOfMeshCollider = child => {
+  let flag = false;
+  child.traverseAncestors(a => {
+    if (a.userData.r3RapierType === "MeshCollider") flag = true;
+  });
+  return flag;
+};
+
+const createCollidersFromChildren = (object, rigidBody, options, world, ignoreMeshColliders = true) => {
   const hasCollisionEvents = !!(options.onCollisionEnter || options.onCollisionExit);
   const colliders = [];
   let desc;
   let offset = new Vector3();
   object.traverse(child => {
     if ("isMesh" in child) {
+      if (ignoreMeshColliders && isChildOfMeshCollider(child)) return;
       const {
         geometry
       } = child;
@@ -165,7 +185,8 @@ const createCollidersFromChildren = (object, rigidBody, options, world) => {
       if (hasCollisionEvents) desc.setActiveEvents(ActiveEvents.COLLISION_EVENTS);
       if (Number.isFinite(options.friction)) desc.setFriction(options.friction);
       if (Number.isFinite(options.restitution)) desc.setRestitution(options.restitution);
-      const collider = world.createCollider(desc, rigidBody);
+      const actualRigidBody = world.getRigidBody(rigidBody === null || rigidBody === void 0 ? void 0 : rigidBody.handle);
+      const collider = world.createCollider(desc, actualRigidBody);
       colliders.push(collider);
     }
   });
@@ -183,47 +204,6 @@ const scaleVertices = (vertices, scale) => {
   return scaledVerts;
 };
 
-function _defineProperty(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-
-  return obj;
-}
-
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
-
-  if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    enumerableOnly && (symbols = symbols.filter(function (sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    })), keys.push.apply(keys, symbols);
-  }
-
-  return keys;
-}
-
-function _objectSpread2(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = null != arguments[i] ? arguments[i] : {};
-    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
-      _defineProperty(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
-      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-    });
-  }
-
-  return target;
-}
-
 const createRigidBodyApi = ref => {
   return {
     raw: () => ref.current(),
@@ -268,9 +248,19 @@ const createRigidBodyApi = ref => {
       return new Quaternion(x, y, z, w);
     },
 
-    setRotation: rotation => ref.current().setRotation(_objectSpread2(_objectSpread2({}, rotation), {}, {
-      w: 1
-    }), true),
+    setRotation: ({
+      x,
+      y,
+      z
+    }) => {
+      const q = vector3ToQuaternion(new Vector3(x, y, z));
+      ref.current().setRotation({
+        x: q.x,
+        y: q.y,
+        z: q.z,
+        w: q.w
+      }, true);
+    },
 
     linvel() {
       const {
@@ -293,12 +283,26 @@ const createRigidBodyApi = ref => {
     },
 
     setAngvel: velocity => ref.current().setAngvel(velocity, true),
-    setNextKinematicRotation: rotation => ref.current().setNextKinematicRotation(_objectSpread2(_objectSpread2({}, rotation), {}, {
-      w: 1
-    })),
+    setNextKinematicRotation: ({
+      x,
+      y,
+      z
+    }) => {
+      const q = vector3ToQuaternion(new Vector3(x, y, z));
+      ref.current().setNextKinematicRotation({
+        x: q.x,
+        y: q.y,
+        z: q.z,
+        w: q.w
+      });
+    },
     setNextKinematicTranslation: translation => ref.current().setNextKinematicTranslation(translation),
     resetForces: () => ref.current().resetForces(true),
-    resetTorques: () => ref.current().resetTorques(true)
+    resetTorques: () => ref.current().resetTorques(true),
+    lockRotations: locked => ref.current().lockRotations(locked, true),
+    lockTranslations: locked => ref.current().lockTranslations(locked, true),
+    setEnabledRotations: (x, y, z) => ref.current().setEnabledRotations(x, y, z, true),
+    setEnabledTranslations: (x, y, z) => ref.current().setEnabledTranslations(x, y, z, true)
   };
 }; // TODO: Flesh this out
 
@@ -323,7 +327,16 @@ const createWorldApi = ref => {
     removeCollider: collider => ref.current().removeCollider(collider, true),
     createImpulseJoint: (params, rigidBodyA, rigidBodyB) => ref.current().createImpulseJoint(params, rigidBodyA, rigidBodyB, true),
     removeImpulseJoint: joint => ref.current().removeImpulseJoint(joint, true),
-    forEachCollider: callback => ref.current().forEachCollider(callback)
+    forEachCollider: callback => ref.current().forEachCollider(callback),
+    setGravity: ({
+      x,
+      y,
+      z
+    }) => ref.current().gravity = {
+      x,
+      y,
+      z
+    }
   };
 }; // TODO: Broken currently, waiting for Rapier3D to fix
 
@@ -351,7 +364,8 @@ const importRapier = async () => {
 const Physics = ({
   colliders: _colliders = 'cuboid',
   gravity: _gravity = [0, -9.81, 0],
-  children
+  children,
+  timeStep: _timeStep = 'vary'
 }) => {
   const rapier = useAsset(importRapier);
   const worldRef = useRef();
@@ -376,7 +390,15 @@ const Physics = ({
         worldRef.current = undefined;
       }
     };
-  }, []);
+  }, []); // Update gravity
+
+  useEffect(() => {
+    const world = worldRef.current;
+
+    if (world) {
+      world.gravity = vectorArrayToObject(_gravity);
+    }
+  }, [_gravity]);
   const time = useRef(performance.now());
   useFrame(context => {
     const world = worldRef.current;
@@ -385,7 +407,13 @@ const Physics = ({
 
     const now = performance.now();
     const delta = Math.min(100, now - time.current);
-    world.timestep = delta / 1000;
+
+    if (_timeStep === 'vary') {
+      world.timestep = delta / 1000;
+    } else {
+      world.timestep = _timeStep;
+    }
+
     world.step(eventQueue); // Update meshes
 
     rigidBodyMeshes.forEach((mesh, handle) => {
@@ -498,6 +526,47 @@ const Physics = ({
   }, children);
 };
 
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function (sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
+  }
+
+  return keys;
+}
+
+function _objectSpread2(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
+      _defineProperty(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+  }
+
+  return target;
+}
+
 const useRapier = () => {
   return useContext(RapierContext);
 };
@@ -514,7 +583,7 @@ const useRigidBody = (options = {}) => {
   const rigidBodyRef = useRef();
   const getRigidBodyRef = useRef(() => {
     if (!rigidBodyRef.current) {
-      var _options$linearVeloci, _options$angularVeloc, _options$gravityScale, _options$canSleep, _options$ccd;
+      var _options$linearVeloci, _options$angularVeloc, _options$gravityScale, _options$canSleep, _options$ccd, _options$enabledRotat, _options$enabledTrans;
 
       const type = rigidBodyTypeFromString((options === null || options === void 0 ? void 0 : options.type) || "dynamic");
       const [lvx, lvy, lvz] = (_options$linearVeloci = options === null || options === void 0 ? void 0 : options.linearVelocity) !== null && _options$linearVeloci !== void 0 ? _options$linearVeloci : [0, 0, 0];
@@ -522,11 +591,15 @@ const useRigidBody = (options = {}) => {
       const gravityScale = (_options$gravityScale = options === null || options === void 0 ? void 0 : options.gravityScale) !== null && _options$gravityScale !== void 0 ? _options$gravityScale : 1;
       const canSleep = (_options$canSleep = options === null || options === void 0 ? void 0 : options.canSleep) !== null && _options$canSleep !== void 0 ? _options$canSleep : true;
       const ccdEnabled = (_options$ccd = options === null || options === void 0 ? void 0 : options.ccd) !== null && _options$ccd !== void 0 ? _options$ccd : false;
+      const [erx, ery, erz] = (_options$enabledRotat = options === null || options === void 0 ? void 0 : options.enabledRotations) !== null && _options$enabledRotat !== void 0 ? _options$enabledRotat : [true, true, true];
+      const [etx, ety, etz] = (_options$enabledTrans = options === null || options === void 0 ? void 0 : options.enabledTranslations) !== null && _options$enabledTrans !== void 0 ? _options$enabledTrans : [true, true, true];
       const desc = new rapier.RigidBodyDesc(type).setLinvel(lvx, lvy, lvz).setAngvel({
         x: avx,
         y: avy,
         z: avz
-      }).setGravityScale(gravityScale).setCanSleep(canSleep).setCcdEnabled(ccdEnabled);
+      }).setGravityScale(gravityScale).setCanSleep(canSleep).setCcdEnabled(ccdEnabled).enabledRotations(erx, ery, erz).enabledTranslations(etx, ety, etz);
+      if (options.lockRotations) desc.lockRotations();
+      if (options.lockTranslations) desc.lockTranslations();
       const rigidBody = world.createRigidBody(desc);
       rigidBodyRef.current = world.getRigidBody(rigidBody.handle);
     }
@@ -623,144 +696,6 @@ const useCollider = (body, options = {}) => {
   }, []);
   const api = useMemo(() => createColliderApi(getColliderRef), []);
   return [objectRef, api];
-};
-const useRigidBodyWithCollider = (rigidBodyOptions, colliderOptions) => {
-  const {
-    world
-  } = useRapier();
-  const [ref, rigidBody] = useRigidBody(_objectSpread2(_objectSpread2({}, rigidBodyOptions), {}, {
-    colliders: false
-  }));
-  useEffect(() => {
-    if (!colliderOptions) {
-      return;
-    }
-
-    const scale = ref.current.getWorldScale(new Vector3());
-    const collider = createColliderFromOptions(colliderOptions, world, world.getRigidBody(rigidBody.handle), scale);
-    return () => {
-      world.removeCollider(collider);
-    };
-  }, []);
-  return [ref, rigidBody];
-};
-const useCuboid = (rigidBodyOptions = {}, colliderOptions = {}) => {
-  var _colliderOptions$args;
-
-  return useRigidBodyWithCollider(rigidBodyOptions, _objectSpread2({
-    shape: "cuboid",
-    args: (_colliderOptions$args = colliderOptions.args) !== null && _colliderOptions$args !== void 0 ? _colliderOptions$args : [0.5, 0.5, 0.5]
-  }, colliderOptions));
-};
-const useBall = (rigidBodyOptions = {}, colliderOptions = {}) => {
-  var _colliderOptions$args2;
-
-  return useRigidBodyWithCollider(rigidBodyOptions, _objectSpread2({
-    shape: "ball",
-    args: (_colliderOptions$args2 = colliderOptions.args) !== null && _colliderOptions$args2 !== void 0 ? _colliderOptions$args2 : [0.5]
-  }, colliderOptions));
-};
-const useCapsule = (rigidBodyOptions = {}, colliderOptions = {}) => {
-  var _colliderOptions$args3;
-
-  return useRigidBodyWithCollider(rigidBodyOptions, _objectSpread2({
-    shape: "capsule",
-    args: (_colliderOptions$args3 = colliderOptions.args) !== null && _colliderOptions$args3 !== void 0 ? _colliderOptions$args3 : [0.5, 0.5]
-  }, colliderOptions));
-};
-const useHeightfield = (rigidBodyOptions = {}, colliderOptions = {}) => {
-  return useRigidBodyWithCollider(rigidBodyOptions, _objectSpread2({
-    shape: "heightfield"
-  }, colliderOptions));
-};
-/**
- * Create a trimesh collider and rigid body.
- * Note that Trimeshes don't have mass unless provided.
- * See https://rapier.rs/docs/user_guides/javascript/rigid_bodies#mass-properties
- * for available properties.
- */
-
-const useTrimesh = (rigidBodyOptions = {}, colliderOptions = {}) => {
-  return useRigidBodyWithCollider(rigidBodyOptions, _objectSpread2({
-    shape: "trimesh"
-  }, colliderOptions));
-};
-
-useTrimesh.fromMesh = (mesh, rigidBodyOptions = {}, colliderOptions = {}) => {
-  var _mesh$geometry, _mesh$geometry$index;
-
-  return useTrimesh(rigidBodyOptions, _objectSpread2({
-    args: [mesh.geometry.attributes.position.array, ((_mesh$geometry = mesh.geometry) === null || _mesh$geometry === void 0 ? void 0 : (_mesh$geometry$index = _mesh$geometry.index) === null || _mesh$geometry$index === void 0 ? void 0 : _mesh$geometry$index.array) || []]
-  }, colliderOptions));
-};
-
-const usePolyline = (rigidBodyOptions = {}, colliderOptions = {}) => {
-  return useRigidBodyWithCollider(rigidBodyOptions, _objectSpread2({
-    shape: "polyline"
-  }, colliderOptions));
-};
-const useRoundCuboid = (rigidBodyOptions = {}, colliderOptions = {}) => {
-  return useRigidBodyWithCollider(rigidBodyOptions, _objectSpread2({
-    shape: "roundCuboid"
-  }, colliderOptions));
-};
-const useCylinder = (rigidBodyOptions = {}, colliderOptions = {}) => {
-  return useRigidBodyWithCollider(rigidBodyOptions, _objectSpread2({
-    shape: "cylinder"
-  }, colliderOptions));
-};
-const useRoundCylinder = (rigidBodyOptions = {}, colliderOptions = {}) => {
-  return useRigidBodyWithCollider(rigidBodyOptions, _objectSpread2({
-    shape: "roundCylinder"
-  }, colliderOptions));
-};
-const useCone = (rigidBodyOptions = {}, colliderOptions = {}) => {
-  return useRigidBodyWithCollider(rigidBodyOptions, _objectSpread2({
-    shape: "cone"
-  }, colliderOptions));
-};
-const useRoundCone = (rigidBodyOptions = {}, colliderOptions = {}) => {
-  return useRigidBodyWithCollider(rigidBodyOptions, _objectSpread2({
-    shape: "roundCone"
-  }, colliderOptions));
-};
-const useConvexHull = (rigidBodyOptions = {}, colliderOptions = {}) => {
-  return useRigidBodyWithCollider(rigidBodyOptions, _objectSpread2({
-    shape: "convexHull"
-  }, colliderOptions));
-};
-
-useConvexHull.fromMesh = (mesh, rigidBodyOptions = {}, colliderOptions = {}) => {
-  var _mesh$geometry2, _mesh$geometry2$attri, _mesh$geometry2$attri2;
-
-  return useConvexHull(rigidBodyOptions, _objectSpread2({
-    args: [(mesh === null || mesh === void 0 ? void 0 : (_mesh$geometry2 = mesh.geometry) === null || _mesh$geometry2 === void 0 ? void 0 : (_mesh$geometry2$attri = _mesh$geometry2.attributes) === null || _mesh$geometry2$attri === void 0 ? void 0 : (_mesh$geometry2$attri2 = _mesh$geometry2$attri.position) === null || _mesh$geometry2$attri2 === void 0 ? void 0 : _mesh$geometry2$attri2.array) || []]
-  }, colliderOptions));
-};
-
-const useRoundConvexHull = (rigidBodyOptions = {}, colliderOptions = {}) => {
-  return useRigidBodyWithCollider(rigidBodyOptions, _objectSpread2({
-    shape: "roundConvexHull"
-  }, colliderOptions));
-};
-const useConvexMesh = (rigidBodyOptions = {}, colliderOptions = {}) => {
-  return useRigidBodyWithCollider(rigidBodyOptions, _objectSpread2({
-    shape: "convexMesh"
-  }, colliderOptions));
-};
-
-useConvexMesh.fromMesh = (mesh, rigidBodyOptions = {}, colliderOptions = {}) => {
-  var _mesh$geometry3, _mesh$geometry3$attri, _mesh$geometry3$attri2, _mesh$geometry4, _mesh$geometry4$index;
-
-  return useConvexMesh(rigidBodyOptions, _objectSpread2({
-    args: [mesh === null || mesh === void 0 ? void 0 : (_mesh$geometry3 = mesh.geometry) === null || _mesh$geometry3 === void 0 ? void 0 : (_mesh$geometry3$attri = _mesh$geometry3.attributes) === null || _mesh$geometry3$attri === void 0 ? void 0 : (_mesh$geometry3$attri2 = _mesh$geometry3$attri.position) === null || _mesh$geometry3$attri2 === void 0 ? void 0 : _mesh$geometry3$attri2.array, ((_mesh$geometry4 = mesh.geometry) === null || _mesh$geometry4 === void 0 ? void 0 : (_mesh$geometry4$index = _mesh$geometry4.index) === null || _mesh$geometry4$index === void 0 ? void 0 : _mesh$geometry4$index.array) || []]
-  }, colliderOptions));
-};
-
-const useRoundConvexMesh = (rigidBodyOptions = {}, colliderOptions = {}) => {
-  return useRigidBodyWithCollider(rigidBodyOptions, _objectSpread2({
-    shape: "convexMesh"
-  }, colliderOptions));
 }; // Joints
 
 const useImpulseJoint = (body1, body2, params) => {
@@ -773,12 +708,6 @@ const useImpulseJoint = (body1, body2, params) => {
       let rb1;
       let rb2;
 
-      if ('handle' in body1 && 'handle' in body2) {
-        rb1 = world.getRigidBody(body1.handle);
-        rb2 = world.getRigidBody(body2.handle);
-        jointRef.current = world.createImpulseJoint(params, rb1, rb2);
-      }
-
       if ('current' in body1 && body1.current && 'current' in body2 && body2.current) {
         rb1 = world.getRigidBody(body1.current.handle);
         rb2 = world.getRigidBody(body2.current.handle);
@@ -921,29 +850,80 @@ const RigidBody = /*#__PURE__*/forwardRef((_ref, ref) => {
   } = _ref,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  const [object, rigidBody] = useRigidBody(props);
-  useImperativeHandle(ref, () => rigidBody);
+  const [object, api] = useRigidBody(props);
+  useImperativeHandle(ref, () => api);
   return /*#__PURE__*/React.createElement(RigidBodyContext.Provider, {
-    value: [object, rigidBody, !!(props.onCollisionEnter || props.onCollisionExit)]
+    value: {
+      ref: object,
+      api,
+      hasCollisionEvents: !!(props.onCollisionEnter || props.onCollisionExit),
+      options: props
+    }
   }, /*#__PURE__*/React.createElement("object3D", {
     ref: object
   }, children));
-}); // Colliders
+});
+const MeshCollider = ({
+  children,
+  type
+}) => {
+  const {
+    physicsOptions,
+    world
+  } = useRapier();
+  const object = useRef(null);
+  const {
+    api,
+    options
+  } = useRigidBodyContext();
+  useEffect(() => {
+    let autoColliders = [];
+
+    if (object.current) {
+      var _ref2;
+
+      const colliderSetting = (_ref2 = type !== null && type !== void 0 ? type : physicsOptions.colliders) !== null && _ref2 !== void 0 ? _ref2 : false;
+      autoColliders = colliderSetting !== false ? createCollidersFromChildren(object.current, api, _objectSpread2(_objectSpread2({}, options), {}, {
+        colliders: colliderSetting
+      }), world, false) : [];
+    }
 
-const AnyCollider = _ref2 => {
+    return () => {
+      autoColliders.forEach(collider => {
+        world.removeCollider(collider);
+      });
+    };
+  }, []);
+  return /*#__PURE__*/React.createElement("object3D", {
+    ref: object,
+    userData: {
+      r3RapierType: "MeshCollider"
+    }
+  }, children);
+}; // Colliders
+
+const AnyCollider = _ref3 => {
   let {
     children
-  } = _ref2,
-      props = _objectWithoutProperties(_ref2, _excluded2);
+  } = _ref3,
+      props = _objectWithoutProperties(_ref3, _excluded2);
 
   const {
     world
   } = useRapier();
-  const [, rigidBody, hasCollisionEvents] = useRigidBodyContext();
+  const rigidBodyContext = useRigidBodyContext();
   const ref = useRef(null);
   useEffect(() => {
+    var _rigidBodyContext$api;
+
     const scale = ref.current.getWorldScale(new Vector3());
-    const collider = createColliderFromOptions(props, world, rigidBody.raw(), scale, hasCollisionEvents);
+    const collider = createColliderFromOptions({
+      options: props,
+      world,
+      rigidBody: rigidBodyContext === null || rigidBodyContext === void 0 ? void 0 : (_rigidBodyContext$api = rigidBodyContext.api) === null || _rigidBodyContext$api === void 0 ? void 0 : _rigidBodyContext$api.raw(),
+      scale,
+      hasCollisionEvents: rigidBodyContext === null || rigidBodyContext === void 0 ? void 0 : rigidBodyContext.hasCollisionEvents
+    });
     return () => {
       world.removeCollider(collider);
     };
@@ -1114,4 +1094,4 @@ const Debug = () => {
   })));
 };
 
-export { BallCollider, CapsuleCollider, ConeCollider, ConvexHullCollider, CuboidCollider, CylinderCollider, Debug, HeightfieldCollider, Physics, RigidBody, RoundCuboidCollider, TrimeshCollider, useBall, useCapsule, useCollider, useCone, useConvexHull, useConvexMesh, useCuboid, useCylinder, useFixedJoint, useHeightfield, useImpulseJoint, usePolyline, usePrismaticJoint, useRapier, useRevoluteJoint, useRigidBody, useRigidBodyWithCollider, useRoundCone, useRoundConvexHull, useRoundConvexMesh, useRoundCuboid, useRoundCylinder, useSphericalJoint, useTrimesh };
+export { BallCollider, CapsuleCollider, ConeCollider, ConvexHullCollider, CuboidCollider, CylinderCollider, Debug, HeightfieldCollider, MeshCollider, Physics, RigidBody, RoundCuboidCollider, TrimeshCollider, useCollider, useFixedJoint, useImpulseJoint, usePrismaticJoint, useRapier, useRevoluteJoint, useRigidBody, useSphericalJoint };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-three/rapier",
-  "version": "0.4.3",
+  "version": "0.5.2",
   "source": "src/index.ts",
   "main": "dist/react-three-rapier.cjs.js",
   "module": "dist/react-three-rapier.esm.js",
@@ -23,7 +23,7 @@
     "three": "^0.139.2"
   },
   "dependencies": {
-    "@dimforge/rapier3d-compat": "0.8.1",
+    "@dimforge/rapier3d-compat": "0.9.0",
     "use-asset": "^1.0.4"
   },
   "repository": "https://github.com/pmndrs/react-three-rapier/tree/master/packages/react-three-rapier"