@react-three/rapier 0.5.2 → 0.6.2

package/dist/react-three-rapier.cjs.dev.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var rapier3dCompat = require('@dimforge/rapier3d-compat');
 var React = require('react');
 var useAsset = require('use-asset');
 var fiber = require('@react-three/fiber');
-var rapier3dCompat = require('@dimforge/rapier3d-compat');
 var three = require('three');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -30,19 +30,30 @@ function _interopNamespace(e) {
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-const vectorArrayToObject = arr => {
+const _quaternion = new three.Quaternion();
+const _euler = new three.Euler();
+const _vector3 = new three.Vector3();
+new three.Object3D();
+const _matrix4 = new three.Matrix4();
+
+const vectorArrayToVector3 = arr => {
   const [x, y, z] = arr;
-  return {
-    x,
-    y,
-    z
-  };
+  return new three.Vector3(x, y, z);
 };
-const quaternion = new three.Quaternion();
-const euler = new three.Euler();
 const vector3ToQuaternion = v => {
-  return quaternion.setFromEuler(euler.setFromVector3(v));
+  return _quaternion.setFromEuler(_euler.setFromVector3(v));
 };
+const rapierVector3ToVector3 = ({
+  x,
+  y,
+  z
+}) => _vector3.set(x, y, z).clone();
+const rapierQuaternionToQuaternion = ({
+  x,
+  y,
+  z,
+  w
+}) => _quaternion.set(x, y, z, w);
 const rigidBodyTypeMap = {
   fixed: 1,
   dynamic: 0,
@@ -50,6 +61,17 @@ const rigidBodyTypeMap = {
   kinematicVelocity: 3
 };
 const rigidBodyTypeFromString = type => rigidBodyTypeMap[type];
+const decomposeMatrix4 = m => {
+  const position = new three.Vector3();
+  const rotation = new three.Quaternion();
+  const scale = new three.Vector3();
+  m.decompose(position, rotation, scale);
+  return {
+    position,
+    rotation,
+    scale
+  };
+};
 const scaleColliderArgs = (shape, args, scale) => {
   // Heightfield only scales the last arg
   const newArgs = args.slice();
@@ -135,8 +157,7 @@ const isChildOfMeshCollider = child => {
 const createCollidersFromChildren = (object, rigidBody, options, world, ignoreMeshColliders = true) => {
   const hasCollisionEvents = !!(options.onCollisionEnter || options.onCollisionExit);
   const colliders = [];
-  let desc;
-  let offset = new three.Vector3();
+  new three.Vector3();
   object.traverse(child => {
     if ("isMesh" in child) {
       if (ignoreMeshColliders && isChildOfMeshCollider(child)) return;
@@ -154,62 +175,32 @@ const createCollidersFromChildren = (object, rigidBody, options, world, ignoreMe
         z: rz,
         w: rw
       } = new three.Quaternion().setFromEuler(child.rotation);
-      const scale = child.getWorldScale(new three.Vector3());
-
-      switch (options.colliders) {
-        case "cuboid":
-          {
-            geometry.computeBoundingBox();
-            const {
-              boundingBox
-            } = geometry;
-            const size = boundingBox.getSize(new three.Vector3());
-            boundingBox.getCenter(offset);
-            desc = rapier3dCompat.ColliderDesc.cuboid(size.x / 2 * scale.x, size.y / 2 * scale.y, size.z / 2 * scale.z);
-          }
-          break;
+      const scale = child.getWorldScale(new three.Vector3()); // We translate the colliders based on the parent's world scale
 
-        case "ball":
-          {
-            geometry.computeBoundingSphere();
-            const {
-              boundingSphere
-            } = geometry;
-            const radius = boundingSphere.radius * scale.x;
-            offset.copy(boundingSphere.center);
-            desc = rapier3dCompat.ColliderDesc.ball(radius);
-          }
-          break;
-
-        case "trimesh":
-          {
-            var _g$index;
-
-            const _g = geometry.clone().scale(scale.x, scale.y, scale.z);
+      const parentWorldScale = child.parent.getWorldScale(new three.Vector3());
+      const desc = colliderDescFromGeometry(geometry, options.colliders, scale, hasCollisionEvents);
+      const offset = new three.Vector3(0, 0, 0);
 
-            desc = rapier3dCompat.ColliderDesc.trimesh(_g.attributes.position.array, (_g$index = _g.index) === null || _g$index === void 0 ? void 0 : _g$index.array);
-          }
-          break;
+      if (options.colliders === "cuboid") {
+        var _geometry$boundingBox;
 
-        case "hull":
-          const g = geometry.clone().scale(scale.x, scale.y, scale.z);
-          {
-            desc = rapier3dCompat.ColliderDesc.convexHull(g.attributes.position.array);
-          }
-          break;
-      } // We translate the colliders based on the parent's world scale
+        geometry.computeBoundingBox();
+        (_geometry$boundingBox = geometry.boundingBox) === null || _geometry$boundingBox === void 0 ? void 0 : _geometry$boundingBox.getCenter(offset);
+      }
 
+      if (options.colliders === "ball") {
+        geometry.computeBoundingSphere();
+        offset.copy(geometry.boundingSphere.center);
+      }
 
-      const parentWorldScale = child.parent.getWorldScale(new three.Vector3());
+      if (Number.isFinite(options.friction)) desc.setFriction(options.friction);
+      if (Number.isFinite(options.restitution)) desc.setRestitution(options.restitution);
       desc.setTranslation((x + offset.x) * parentWorldScale.x, (y + offset.y) * parentWorldScale.y, (z + offset.z) * parentWorldScale.z).setRotation({
         x: rx,
         y: ry,
         z: rz,
         w: rw
       });
-      if (hasCollisionEvents) desc.setActiveEvents(rapier3dCompat.ActiveEvents.COLLISION_EVENTS);
-      if (Number.isFinite(options.friction)) desc.setFriction(options.friction);
-      if (Number.isFinite(options.restitution)) desc.setRestitution(options.restitution);
       const actualRigidBody = world.getRigidBody(rigidBody === null || rigidBody === void 0 ? void 0 : rigidBody.handle);
       const collider = world.createCollider(desc, actualRigidBody);
       colliders.push(collider);
@@ -217,6 +208,53 @@ const createCollidersFromChildren = (object, rigidBody, options, world, ignoreMe
   });
   return colliders;
 };
+const colliderDescFromGeometry = (geometry, colliders, scale, hasCollisionEvents) => {
+  let desc;
+
+  switch (colliders) {
+    case "cuboid":
+      {
+        geometry.computeBoundingBox();
+        const {
+          boundingBox
+        } = geometry;
+        const size = boundingBox.getSize(new three.Vector3());
+        desc = rapier3dCompat.ColliderDesc.cuboid(size.x / 2 * scale.x, size.y / 2 * scale.y, size.z / 2 * scale.z);
+      }
+      break;
+
+    case "ball":
+      {
+        geometry.computeBoundingSphere();
+        const {
+          boundingSphere
+        } = geometry;
+        const radius = boundingSphere.radius * scale.x;
+        desc = rapier3dCompat.ColliderDesc.ball(radius);
+      }
+      break;
+
+    case "trimesh":
+      {
+        var _g$index;
+
+        const _g = geometry.clone().scale(scale.x, scale.y, scale.z);
+
+        desc = rapier3dCompat.ColliderDesc.trimesh(_g.attributes.position.array, (_g$index = _g.index) === null || _g$index === void 0 ? void 0 : _g$index.array);
+      }
+      break;
+
+    case "hull":
+      const g = geometry.clone().scale(scale.x, scale.y, scale.z);
+      {
+        desc = rapier3dCompat.ColliderDesc.convexHull(g.attributes.position.array);
+      }
+      break;
+  }
+
+  if (hasCollisionEvents) desc.setActiveEvents(rapier3dCompat.ActiveEvents.COLLISION_EVENTS);
+  return desc;
+};
 const scaleVertices = (vertices, scale) => {
   const scaledVerts = Array.from(vertices);
 
@@ -228,6 +266,26 @@ const scaleVertices = (vertices, scale) => {
 
   return scaledVerts;
 };
+const rigidBodyDescFromOptions = options => {
+  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];
+  const [avx, avy, avz] = (_options$angularVeloc = options === null || options === void 0 ? void 0 : options.angularVelocity) !== null && _options$angularVeloc !== void 0 ? _options$angularVeloc : [0, 0, 0];
+  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 rapier3dCompat.RigidBodyDesc(type).setLinvel(lvx, lvy, lvz).setAngvel({
+    x: avx,
+    y: avy,
+    z: avz
+  }).setGravityScale(gravityScale).setCanSleep(canSleep).setCcdEnabled(ccdEnabled).enabledRotations(erx, ery, erz).enabledTranslations(etx, ety, etz);
+  if (options.lockRotations) desc.lockRotations();
+  if (options.lockTranslations) desc.lockTranslations();
+  return desc;
+};
 
 const createRigidBodyApi = ref => {
   return {
@@ -329,18 +387,19 @@ const createRigidBodyApi = ref => {
     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
+};
+const createInstancedRigidBodiesApi = bodiesGetter => ({
+  at: index => bodiesGetter.current()[index].api,
 
-const createColliderApi = ref => {
-  return {
-    raw: () => ref.current(),
+  forEach(callback) {
+    return bodiesGetter.current().map(b => b.api).forEach(callback);
+  },
 
-    get handle() {
-      return ref.current().handle;
-    }
+  get count() {
+    return bodiesGetter.current().length;
+  }
 
-  };
-};
+}); // TODO: Flesh this out
 const createWorldApi = ref => {
   return {
     raw: () => ref.current(),
@@ -387,23 +446,23 @@ const importRapier = async () => {
 };
 
 const Physics = ({
-  colliders: _colliders = 'cuboid',
+  colliders: _colliders = "cuboid",
   gravity: _gravity = [0, -9.81, 0],
   children,
-  timeStep: _timeStep = 'vary'
+  timeStep: _timeStep = "vary"
 }) => {
   const rapier = useAsset.useAsset(importRapier);
   const worldRef = React.useRef();
   const getWorldRef = React.useRef(() => {
     if (!worldRef.current) {
-      const world = new rapier.World(vectorArrayToObject(_gravity));
+      const world = new rapier.World(vectorArrayToVector3(_gravity));
       worldRef.current = world;
     }
 
     return worldRef.current;
   });
   const [colliderMeshes] = React.useState(() => new Map());
-  const [rigidBodyMeshes] = React.useState(() => new Map());
+  const [rigidBodyStates] = React.useState(() => new Map());
   const [rigidBodyEvents] = React.useState(() => new Map());
   const [eventQueue] = React.useState(() => new rapier3dCompat.EventQueue(false)); // Init world
 
@@ -421,7 +480,7 @@ const Physics = ({
     const world = worldRef.current;
 
     if (world) {
-      world.gravity = vectorArrayToObject(_gravity);
+      world.gravity = vectorArrayToVector3(_gravity);
     }
   }, [_gravity]);
   const time = React.useRef(performance.now());
@@ -433,7 +492,7 @@ const Physics = ({
     const now = performance.now();
     const delta = Math.min(100, now - time.current);
 
-    if (_timeStep === 'vary') {
+    if (_timeStep === "vary") {
       world.timestep = delta / 1000;
     } else {
       world.timestep = _timeStep;
@@ -441,52 +500,35 @@ const Physics = ({
 
     world.step(eventQueue); // Update meshes
 
-    rigidBodyMeshes.forEach((mesh, handle) => {
+    rigidBodyStates.forEach((state, handle) => {
       const rigidBody = world.getRigidBody(handle);
       const events = rigidBodyEvents.get(handle);
 
       if (events !== null && events !== void 0 && events.onSleep || events !== null && events !== void 0 && events.onWake) {
-        if (rigidBody.isSleeping() && !mesh.userData.isSleeping) {
+        if (rigidBody.isSleeping() && !state.isSleeping) {
           var _events$onSleep;
 
           events === null || events === void 0 ? void 0 : (_events$onSleep = events.onSleep) === null || _events$onSleep === void 0 ? void 0 : _events$onSleep.call(events);
         }
 
-        if (!rigidBody.isSleeping() && mesh.userData.isSleeping) {
+        if (!rigidBody.isSleeping() && state.isSleeping) {
           var _events$onWake;
 
           events === null || events === void 0 ? void 0 : (_events$onWake = events.onWake) === null || _events$onWake === void 0 ? void 0 : _events$onWake.call(events);
         }
 
-        mesh.userData.isSleeping = rigidBody.isSleeping();
+        state.isSleeping = rigidBody.isSleeping();
       }
 
-      if (!rigidBody || rigidBody.isSleeping() || rigidBody.isFixed() || !mesh.parent) {
+      if (!rigidBody || rigidBody.isSleeping() || rigidBody.isFixed() || !state.setMatrix) {
         return;
       }
 
-      const {
-        x,
-        y,
-        z
-      } = rigidBody.translation();
-      const {
-        x: rx,
-        y: ry,
-        z: rz,
-        w: rw
-      } = rigidBody.rotation();
-      const scale = mesh.getWorldScale(new three.Vector3()); // haha matrixes I have no idea what I'm doing :)
-
-      const o = new three.Object3D();
-      o.position.set(x, y, z);
-      o.rotation.setFromQuaternion(new three.Quaternion(rx, ry, rz, rw));
-      o.scale.set(scale.x, scale.y, scale.z);
-      o.updateMatrix();
-      o.applyMatrix4(mesh.parent.matrixWorld.clone().invert());
-      o.updateMatrix();
-      mesh.position.setFromMatrixPosition(o.matrix);
-      mesh.rotation.setFromRotationMatrix(o.matrix);
+      state.setMatrix(_matrix4.compose(rapierVector3ToVector3(rigidBody.translation()), rapierQuaternionToQuaternion(rigidBody.rotation()), state.worldScale).premultiply(state.invertedMatrixWorld));
+
+      if (state.mesh instanceof three.InstancedMesh) {
+        state.mesh.instanceMatrix.needsUpdate = true;
+      }
     }); // Collision events
 
     eventQueue.drainCollisionEvents((handle1, handle2, started) => {
@@ -543,7 +585,7 @@ const Physics = ({
       gravity: _gravity
     },
     colliderMeshes,
-    rigidBodyMeshes,
+    rigidBodyStates,
     rigidBodyEvents
   }), []);
   return /*#__PURE__*/React__default["default"].createElement(RapierContext.Provider, {
@@ -551,6 +593,40 @@ const Physics = ({
   }, children);
 };
 
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+
+  return target;
+}
+
+function _objectWithoutProperties(source, excluded) {
+  if (source == null) return {};
+  var target = _objectWithoutPropertiesLoose(source, excluded);
+  var key, i;
+
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+      target[key] = source[key];
+    }
+  }
+
+  return target;
+}
+
 function _defineProperty(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
@@ -597,9 +673,8 @@ const useRapier = () => {
 };
 const useRigidBody = (options = {}) => {
   const {
-    rapier,
     world,
-    rigidBodyMeshes,
+    rigidBodyStates,
     physicsOptions,
     rigidBodyEvents
   } = useRapier();
@@ -608,23 +683,7 @@ const useRigidBody = (options = {}) => {
   const rigidBodyRef = React.useRef();
   const getRigidBodyRef = React.useRef(() => {
     if (!rigidBodyRef.current) {
-      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];
-      const [avx, avy, avz] = (_options$angularVeloc = options === null || options === void 0 ? void 0 : options.angularVelocity) !== null && _options$angularVeloc !== void 0 ? _options$angularVeloc : [0, 0, 0];
-      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).enabledRotations(erx, ery, erz).enabledTranslations(etx, ety, etz);
-      if (options.lockRotations) desc.lockRotations();
-      if (options.lockTranslations) desc.lockTranslations();
+      const desc = rigidBodyDescFromOptions(options);
       const rigidBody = world.createRigidBody(desc);
       rigidBodyRef.current = world.getRigidBody(rigidBody.handle);
     }
@@ -661,8 +720,7 @@ const useRigidBody = (options = {}) => {
       y: worldPosition.y + y * scale.y,
       z: worldPosition.z + z * scale.z
     }, false);
-    const eulerAngles = new three.Euler(rx, ry, rz, 'XYZ');
-    const rotation = new three.Quaternion().setFromEuler(eulerAngles).multiply(worldRotation);
+    const rotation = vector3ToQuaternion(new three.Vector3(rx, ry, rz)).multiply(worldRotation);
     rigidBody.setRotation({
       x: rotation.x,
       y: rotation.y,
@@ -675,12 +733,20 @@ const useRigidBody = (options = {}) => {
     const autoColliders = colliderSetting !== false ? createCollidersFromChildren(ref.current, rigidBody, _objectSpread2(_objectSpread2({}, options), {}, {
       colliders: colliderSetting
     }), world) : [];
-    rigidBodyMeshes.set(rigidBody.handle, ref.current);
+    rigidBodyStates.set(rigidBody.handle, {
+      mesh: ref.current,
+      invertedMatrixWorld: ref.current.parent.matrixWorld.clone().invert(),
+      isSleeping: false,
+      worldScale: ref.current.getWorldScale(_vector3).clone(),
+      setMatrix: mat => ref.current.matrix.copy(mat),
+      getMatrix: () => ref.current.matrix
+    });
+    ref.current.matrixAutoUpdate = false;
     return () => {
       world.removeRigidBody(rigidBody);
       autoColliders.forEach(collider => world.removeCollider(collider));
       rigidBodyRef.current = undefined;
-      rigidBodyMeshes.delete(rigidBody.handle);
+      rigidBodyStates.delete(rigidBody.handle);
     };
   }, []); // Events
 
@@ -698,29 +764,6 @@ const useRigidBody = (options = {}) => {
   }, [options.onCollisionEnter, options.onCollisionExit]);
   const api = React.useMemo(() => createRigidBodyApi(getRigidBodyRef), []);
   return [ref, api];
-};
-const useCollider = (body, options = {}) => {
-  const {
-    world
-  } = useRapier();
-  const colliderRef = React.useRef();
-  const objectRef = React.useRef();
-  const getColliderRef = React.useRef(() => {
-    if (!colliderRef.current) {
-      colliderRef.current = createColliderFromOptions(options, world, world.getRigidBody(body.handle));
-    }
-
-    return colliderRef.current;
-  });
-  React.useEffect(() => {
-    const collider = getColliderRef.current();
-    return () => {
-      if (collider) world.removeCollider(collider);
-      colliderRef.current = undefined;
-    };
-  }, []);
-  const api = React.useMemo(() => createColliderApi(getColliderRef), []);
-  return [objectRef, api];
 }; // Joints
 
 const useImpulseJoint = (body1, body2, params) => {
@@ -733,7 +776,7 @@ const useImpulseJoint = (body1, body2, params) => {
       let rb1;
       let rb2;
 
-      if ('current' in body1 && body1.current && 'current' in body2 && body2.current) {
+      if ("current" in body1 && body1.current && "current" in body2 && body2.current) {
         rb1 = world.getRigidBody(body1.current.handle);
         rb2 = world.getRigidBody(body2.current.handle);
         const newJoint = world.createImpulseJoint(params, rb1, rb2);
@@ -766,9 +809,9 @@ const useFixedJoint = (body1, body2, [body1Anchor, body1LocalFrame, body2Anchor,
   const {
     rapier
   } = useRapier();
-  return useImpulseJoint(body1, body2, rapier.JointData.fixed(vectorArrayToObject(body1Anchor), _objectSpread2(_objectSpread2({}, vectorArrayToObject(body1LocalFrame)), {}, {
+  return useImpulseJoint(body1, body2, rapier.JointData.fixed(vectorArrayToVector3(body1Anchor), _objectSpread2(_objectSpread2({}, vectorArrayToVector3(body1LocalFrame)), {}, {
     w: 1
-  }), vectorArrayToObject(body2Anchor), _objectSpread2(_objectSpread2({}, vectorArrayToObject(body2LocalFrame)), {}, {
+  }), vectorArrayToVector3(body2Anchor), _objectSpread2(_objectSpread2({}, vectorArrayToVector3(body2LocalFrame)), {}, {
     w: 1
   })));
 };
@@ -783,7 +826,7 @@ const useSphericalJoint = (body1, body2, [body1Anchor, body2Anchor]) => {
   const {
     rapier
   } = useRapier();
-  return useImpulseJoint(body1, body2, rapier.JointData.spherical(vectorArrayToObject(body1Anchor), vectorArrayToObject(body2Anchor)));
+  return useImpulseJoint(body1, body2, rapier.JointData.spherical(vectorArrayToVector3(body1Anchor), vectorArrayToVector3(body2Anchor)));
 };
 /**
  * The revolute joint prevents any relative movement between two rigid-bodies, except for relative
@@ -795,7 +838,7 @@ const useRevoluteJoint = (body1, body2, [body1Anchor, body2Anchor, axis]) => {
   const {
     rapier
   } = useRapier();
-  return useImpulseJoint(body1, body2, rapier.JointData.revolute(vectorArrayToObject(body1Anchor), vectorArrayToObject(body2Anchor), vectorArrayToObject(axis)));
+  return useImpulseJoint(body1, body2, rapier.JointData.revolute(vectorArrayToVector3(body1Anchor), vectorArrayToVector3(body2Anchor), vectorArrayToVector3(axis)));
 };
 /**
  * The prismatic joint prevents any relative movement between two rigid-bodies, except for relative translations along one axis.
@@ -807,73 +850,18 @@ const usePrismaticJoint = (body1, body2, [body1Anchor, body2Anchor, axis]) => {
   const {
     rapier
   } = useRapier();
-  return useImpulseJoint(body1, body2, rapier.JointData.prismatic(vectorArrayToObject(body1Anchor), vectorArrayToObject(body2Anchor), vectorArrayToObject(axis)));
+  return useImpulseJoint(body1, body2, rapier.JointData.prismatic(vectorArrayToVector3(body1Anchor), vectorArrayToVector3(body2Anchor), vectorArrayToVector3(axis)));
 };
 
-function _extends() {
-  _extends = Object.assign || function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-
-    return target;
-  };
-
-  return _extends.apply(this, arguments);
-}
-
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-
-  return target;
-}
-
-function _objectWithoutProperties(source, excluded) {
-  if (source == null) return {};
-  var target = _objectWithoutPropertiesLoose(source, excluded);
-  var key, i;
-
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-      target[key] = source[key];
-    }
-  }
-
-  return target;
-}
-
-const _excluded = ["children"],
-      _excluded2 = ["children"];
+const _excluded$1 = ["children"];
 const RigidBodyContext = /*#__PURE__*/React.createContext(undefined);
-
 const useRigidBodyContext = () => React.useContext(RigidBodyContext); // RigidBody
 
-
 const RigidBody = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     children
   } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
+      props = _objectWithoutProperties(_ref, _excluded$1);
 
   const [object, api] = useRigidBody(props);
   React.useImperativeHandle(ref, () => api);
@@ -888,6 +876,7 @@ const RigidBody = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     ref: object
   }, children));
 });
+
 const MeshCollider = ({
   children,
   type
@@ -905,9 +894,9 @@ const MeshCollider = ({
     let autoColliders = [];
 
     if (object.current) {
-      var _ref2;
+      var _ref;
 
-      const colliderSetting = (_ref2 = type !== null && type !== void 0 ? type : physicsOptions.colliders) !== null && _ref2 !== void 0 ? _ref2 : false;
+      const colliderSetting = (_ref = type !== null && type !== void 0 ? type : physicsOptions.colliders) !== null && _ref !== void 0 ? _ref : false;
       autoColliders = colliderSetting !== false ? createCollidersFromChildren(object.current, api, _objectSpread2(_objectSpread2({}, options), {}, {
         colliders: colliderSetting
       }), world, false) : [];
@@ -925,83 +914,6 @@ const MeshCollider = ({
       r3RapierType: "MeshCollider"
     }
   }, children);
-}; // Colliders
-
-const AnyCollider = _ref3 => {
-  let {
-    children
-  } = _ref3,
-      props = _objectWithoutProperties(_ref3, _excluded2);
-
-  const {
-    world
-  } = useRapier();
-  const rigidBodyContext = useRigidBodyContext();
-  const ref = React.useRef(null);
-  React.useEffect(() => {
-    var _rigidBodyContext$api;
-
-    const scale = ref.current.getWorldScale(new three.Vector3());
-    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);
-    };
-  }, []);
-  return /*#__PURE__*/React__default["default"].createElement("object3D", {
-    ref: ref
-  }, children);
-};
-
-const CuboidCollider = props => {
-  return /*#__PURE__*/React__default["default"].createElement(AnyCollider, _extends({}, props, {
-    shape: "cuboid"
-  }));
-};
-const RoundCuboidCollider = props => {
-  return /*#__PURE__*/React__default["default"].createElement(AnyCollider, _extends({}, props, {
-    shape: "roundCuboid"
-  }));
-};
-const BallCollider = props => {
-  return /*#__PURE__*/React__default["default"].createElement(AnyCollider, _extends({}, props, {
-    shape: "ball"
-  }));
-};
-const CapsuleCollider = props => {
-  return /*#__PURE__*/React__default["default"].createElement(AnyCollider, _extends({}, props, {
-    shape: "capsule"
-  }));
-};
-const HeightfieldCollider = props => {
-  return /*#__PURE__*/React__default["default"].createElement(AnyCollider, _extends({}, props, {
-    shape: "heightfield"
-  }));
-};
-const TrimeshCollider = props => {
-  return /*#__PURE__*/React__default["default"].createElement(AnyCollider, _extends({}, props, {
-    shape: "trimesh"
-  }));
-};
-const ConeCollider = props => {
-  return /*#__PURE__*/React__default["default"].createElement(AnyCollider, _extends({}, props, {
-    shape: "cone"
-  }));
-};
-const CylinderCollider = props => {
-  return /*#__PURE__*/React__default["default"].createElement(AnyCollider, _extends({}, props, {
-    shape: "cylinder"
-  }));
-};
-const ConvexHullCollider = props => {
-  return /*#__PURE__*/React__default["default"].createElement(AnyCollider, _extends({}, props, {
-    shape: "convexHull"
-  }));
 };
 
 const geometryFromCollider = collider => {
@@ -1119,6 +1031,214 @@ const Debug = () => {
   })));
 };
 
+const InstancedRigidBodies = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    world,
+    rigidBodyStates,
+    physicsOptions
+  } = useRapier();
+  const object = React.useRef(null);
+  const instancesRef = React.useRef();
+  const instancesRefGetter = React.useRef(() => {
+    if (!instancesRef.current) {
+      instancesRef.current = [];
+    }
+
+    return instancesRef.current;
+  });
+  React.useEffect(() => {
+    const colliders = [];
+    const rigidBodies = instancesRefGetter.current();
+
+    if (object.current) {
+      const worldScale = object.current.getWorldScale(new three.Vector3());
+      let hasOneMesh = false;
+      object.current.traverse(mesh => {
+        if (mesh instanceof three.InstancedMesh) {
+          if (hasOneMesh) {
+            console.warn("Can only use a single InstancedMesh inside <InstancedRigidBodies />, more InstancedMeshes will be ignored.");
+            return;
+          }
+
+          hasOneMesh = true;
+          mesh.instanceMatrix.setUsage(three.DynamicDrawUsage);
+
+          for (let index = 0; index < mesh.count; index++) {
+            const scale = worldScale.clone();
+            const rigidBodyDesc = rigidBodyDescFromOptions(props);
+
+            if (props.scales && props.scales[index]) {
+              const s = vectorArrayToVector3(props.scales[index]);
+              scale.multiply(s);
+            }
+
+            const colliderDesc = colliderDescFromGeometry(mesh.geometry, props.colliders || physicsOptions.colliders, scale, false // Collisions currently not enabled for instances
+            );
+            const rigidBody = world.createRigidBody(rigidBodyDesc);
+            const matrix = new three.Matrix4();
+            mesh.getMatrixAt(index, matrix);
+            const {
+              position,
+              rotation
+            } = decomposeMatrix4(matrix); // Set positions
+
+            if (props.positions && props.positions[index]) {
+              rigidBody.setTranslation(vectorArrayToVector3(props.positions[index]), true);
+            } else {
+              rigidBody.setTranslation(position, true);
+            } // Set rotations
+
+
+            if (props.rotations && props.rotations[index]) {
+              const [x, y, z] = props.rotations[index];
+              rigidBody.setRotation(vector3ToQuaternion(new three.Vector3(x, y, z)), true);
+            } else {
+              rigidBody.setRotation(rotation, true);
+            }
+
+            const collider = world.createCollider(colliderDesc, rigidBody);
+            rigidBodyStates.set(rigidBody.handle, {
+              mesh: mesh,
+              isSleeping: false,
+              invertedMatrixWorld: object.current.matrixWorld.clone().invert(),
+              setMatrix: matrix => mesh.setMatrixAt(index, matrix),
+              getMatrix: () => {
+                const m = new three.Matrix4();
+                mesh.getMatrixAt(index, m);
+                return m;
+              },
+              // Setting the world scale to the scale here, because
+              // we want the scales to be reflected by instance
+              worldScale: scale
+            });
+            const api = createRigidBodyApi({
+              current() {
+                return rigidBody;
+              }
+
+            });
+            colliders.push(collider);
+            rigidBodies.push({
+              rigidBody,
+              api
+            });
+          }
+        }
+
+        if (mesh.type === "Mesh" && !("isInstancedMesh" in mesh)) {
+          console.warn("Can only use InstancedMesh inside <InstancedRigidBodies />, Mesh will be ignored.");
+        }
+      });
+      return () => {
+        rigidBodies.forEach(rb => world.removeRigidBody(rb.rigidBody));
+        colliders.forEach(coll => world.removeCollider(coll));
+        instancesRef.current = undefined;
+      };
+    }
+  }, []);
+  React.useImperativeHandle(ref, () => createInstancedRigidBodiesApi(instancesRefGetter));
+  return /*#__PURE__*/React__default["default"].createElement("object3D", {
+    ref: object
+  }, props.children);
+});
+
+function _extends() {
+  _extends = Object.assign || function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+
+    return target;
+  };
+
+  return _extends.apply(this, arguments);
+}
+
+const _excluded = ["children"];
+
+const AnyCollider = _ref => {
+  let {
+    children
+  } = _ref,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  const {
+    world
+  } = useRapier();
+  const rigidBodyContext = useRigidBodyContext();
+  const ref = React.useRef(null);
+  React.useEffect(() => {
+    var _rigidBodyContext$api;
+
+    const scale = ref.current.getWorldScale(new three.Vector3());
+    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);
+    };
+  }, []);
+  return /*#__PURE__*/React__default["default"].createElement("object3D", {
+    ref: ref
+  }, children);
+};
+
+const CuboidCollider = props => {
+  return /*#__PURE__*/React__default["default"].createElement(AnyCollider, _extends({}, props, {
+    shape: "cuboid"
+  }));
+};
+const RoundCuboidCollider = props => {
+  return /*#__PURE__*/React__default["default"].createElement(AnyCollider, _extends({}, props, {
+    shape: "roundCuboid"
+  }));
+};
+const BallCollider = props => {
+  return /*#__PURE__*/React__default["default"].createElement(AnyCollider, _extends({}, props, {
+    shape: "ball"
+  }));
+};
+const CapsuleCollider = props => {
+  return /*#__PURE__*/React__default["default"].createElement(AnyCollider, _extends({}, props, {
+    shape: "capsule"
+  }));
+};
+const HeightfieldCollider = props => {
+  return /*#__PURE__*/React__default["default"].createElement(AnyCollider, _extends({}, props, {
+    shape: "heightfield"
+  }));
+};
+const TrimeshCollider = props => {
+  return /*#__PURE__*/React__default["default"].createElement(AnyCollider, _extends({}, props, {
+    shape: "trimesh"
+  }));
+};
+const ConeCollider = props => {
+  return /*#__PURE__*/React__default["default"].createElement(AnyCollider, _extends({}, props, {
+    shape: "cone"
+  }));
+};
+const CylinderCollider = props => {
+  return /*#__PURE__*/React__default["default"].createElement(AnyCollider, _extends({}, props, {
+    shape: "cylinder"
+  }));
+};
+const ConvexHullCollider = props => {
+  return /*#__PURE__*/React__default["default"].createElement(AnyCollider, _extends({}, props, {
+    shape: "convexHull"
+  }));
+};
+
 Object.defineProperty(exports, 'CoefficientCombineRule', {
   enumerable: true,
   get: function () { return rapier3dCompat.CoefficientCombineRule; }
@@ -1139,12 +1259,12 @@ exports.CuboidCollider = CuboidCollider;
 exports.CylinderCollider = CylinderCollider;
 exports.Debug = Debug;
 exports.HeightfieldCollider = HeightfieldCollider;
+exports.InstancedRigidBodies = InstancedRigidBodies;
 exports.MeshCollider = MeshCollider;
 exports.Physics = Physics;
 exports.RigidBody = RigidBody;
 exports.RoundCuboidCollider = RoundCuboidCollider;
 exports.TrimeshCollider = TrimeshCollider;
-exports.useCollider = useCollider;
 exports.useFixedJoint = useFixedJoint;
 exports.useImpulseJoint = useImpulseJoint;
 exports.usePrismaticJoint = usePrismaticJoint;