@threlte/rapier 0.0.1 → 0.0.2

package/dist/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @threlte/extras
 
+## 0.0.2
+
+### Patch Changes
+
+- 62d2c5c: fixed `<RigidBody>` initial transforms
+
 ## 0.0.1
 
 ### Patch Changes

package/dist/components/RigidBody/RigidBody.svelte

@@ -1,9 +1,9 @@
 <script>import { LayerableObject, SceneGraphObject } from '@threlte/core';
-import { createEventDispatcher, onDestroy, setContext } from 'svelte';
+import { createEventDispatcher, onDestroy, setContext, tick } from 'svelte';
 import { Object3D, Vector3 } from 'three';
 import { useRapier } from '../../hooks/useRapier';
 import { applyTransforms } from '../../lib/applyTransforms';
-import { getWorldPosition, getWorldQuaternion } from '../../lib/getWorldTransforms';
+import { getWorldPosition, getWorldQuaternion, getWorldScale } from '../../lib/getWorldTransforms';
 import { parseRigidBodyType } from '../../lib/parseRigidBodyType';
 import { positionToVector3 } from '../../lib/positionToVector3';
 import { rotationToEuler } from '../../lib/rotationToEuler';
@@ -59,14 +59,26 @@ const parentWorldScale = object.parent?.getWorldScale(new Vector3()) || new Vect
 /**
  * RigidBody Description
  */
-const desc = new rapier.RigidBodyDesc(parseRigidBodyType(type))
-    .setCanSleep(canSleep)
-    .setTranslation(worldPosition.x * parentWorldScale.x, worldPosition.y * parentWorldScale.y, worldPosition.z * parentWorldScale.z)
-    .setRotation({ x: worldRotation.x, y: worldRotation.y, z: worldRotation.z, w: worldRotation.w });
+const desc = new rapier.RigidBodyDesc(parseRigidBodyType(type)).setCanSleep(canSleep);
 /**
  * RigidBody init
  */
 export const rigidBody = world.createRigidBody(desc);
+/**
+ * Apply transforms after the parent component added "object" to itself
+ */
+const initPosition = async () => {
+    await tick();
+    applyTransforms(object, position, rotation, scale, lookAt);
+    object.updateMatrix();
+    object.updateWorldMatrix(true, false);
+    const parentWorldScale = object.parent ? getWorldScale(object.parent) : new Vector3(1, 1, 1);
+    const worldPosition = getWorldPosition(object).multiply(parentWorldScale);
+    const worldQuaternion = getWorldQuaternion(object);
+    rigidBody.setTranslation(worldPosition, true);
+    rigidBody.setRotation(worldQuaternion, true);
+};
+initPosition();
 /**
  * Will come in handy in the future for joints
  */

package/dist/lib/getWorldTransforms.js

@@ -1,7 +1,8 @@
 import { Euler, Object3D, Quaternion, Vector3 } from 'three';
-const tempVector3 = new Vector3();
+const tempPosition = new Vector3();
 const tempQuaternion = new Quaternion();
-const tempEuler = new Euler();
+const tempRotation = new Euler();
+const tempScale = new Vector3();
 /**
  * Get the world position of an object.
  * If no target is provided, a globally used
@@ -12,7 +13,7 @@ const tempEuler = new Euler();
  * @returns
  */
 export const getWorldPosition = (object, target) => {
-    return object.getWorldPosition(target ?? tempVector3);
+    return object.getWorldPosition(target ?? tempPosition);
 };
 /**
  * Get the world quaternion of an object.
@@ -39,7 +40,7 @@ export const getWorldRotation = (object, target) => {
     object.getWorldQuaternion(tempQuaternion);
     return target
         ? target.setFromQuaternion(tempQuaternion)
-        : tempEuler.setFromQuaternion(tempQuaternion);
+        : tempRotation.setFromQuaternion(tempQuaternion);
 };
 /**
  * Get the world scale of an object.
@@ -51,5 +52,5 @@ export const getWorldRotation = (object, target) => {
  * @returns
  */
 export const getWorldScale = (object, target) => {
-    return object.getWorldScale(target ?? tempVector3);
+    return object.getWorldScale(target ?? tempScale);
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@threlte/rapier",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "author": "Grischa Erbe <hello@legrisch.com> (https://legrisch.com)",
   "license": "MIT",
   "devDependencies": {
@@ -8,7 +8,7 @@
     "@sveltejs/adapter-auto": "next",
     "@sveltejs/adapter-static": "^1.0.0-next.29",
     "@sveltejs/kit": "next",
-    "@threlte/core": "4.1.2",
+    "@threlte/core": "4.2.0",
     "@types/node": "^18.0.3",
     "@types/three": "^0.140.0",
     "@typescript-eslint/eslint-plugin": "^4.31.1",