@threlte/rapier 0.5.0 → 1.0.0-next.1

package/dist/components/Colliders/Collider.svelte.d.ts

@@ -1,114 +1,112 @@
-import { SvelteComponentTyped } from "svelte";
-import { CoefficientCombineRule, Collider, ColliderDesc, type RigidBody } from '@dimforge/rapier3d-compat';
-import { type Position, type Rotation } from '@threlte/core';
-declare class __sveltets_Render<Shape extends 'ball' | 'capsule' | 'segment' | 'triangle' | 'roundTriangle' | 'polyline' | 'trimesh' | 'cuboid' | 'roundCuboid' | 'heightfield' | 'cylinder' | 'roundCylinder' | 'cone' | 'roundCone' | 'convexHull' | 'convexMesh' | 'roundConvexHull' | 'roundConvexMesh', Args extends Parameters<typeof ColliderDesc[Shape]>, Density extends number | undefined, Mass extends Density extends undefined ? number | undefined : undefined, MassProperties extends Density extends undefined ? Mass extends undefined ? {
-    mass: number;
-    centerOfMass: Position;
-    principalAngularInertia: Position;
-    angularInertiaLocalFrame: Rotation;
-} : undefined : undefined> {
-    props(): {
-        shape: Shape;
-        args: Args;
-        position?: Position | undefined;
-        rotation?: Rotation | undefined;
-        scale?: import("@threlte/core").Scale | undefined;
-        lookAt?: import("@threlte/core").LookAt | undefined;
-        restitution?: number | undefined;
-        restitutionCombineRule?: CoefficientCombineRule | undefined;
-        friction?: number | undefined;
-        frictionCombineRule?: CoefficientCombineRule | undefined;
-        sensor?: boolean | undefined;
-        collider?: Collider | undefined;
-        contactForceEventThreshold?: number | undefined;
-        density?: Density | undefined;
-    } | {
-        shape: Shape;
-        args: Args;
-        position?: Position | undefined;
-        rotation?: Rotation | undefined;
-        scale?: import("@threlte/core").Scale | undefined;
-        lookAt?: import("@threlte/core").LookAt | undefined;
-        restitution?: number | undefined;
-        restitutionCombineRule?: CoefficientCombineRule | undefined;
-        friction?: number | undefined;
-        frictionCombineRule?: CoefficientCombineRule | undefined;
-        sensor?: boolean | undefined;
-        collider?: Collider | undefined;
-        contactForceEventThreshold?: number | undefined;
-        mass?: Mass | undefined;
-    } | {
-        shape: Shape;
-        args: Args;
-        position?: Position | undefined;
-        rotation?: Rotation | undefined;
-        scale?: import("@threlte/core").Scale | undefined;
-        lookAt?: import("@threlte/core").LookAt | undefined;
-        restitution?: number | undefined;
-        restitutionCombineRule?: CoefficientCombineRule | undefined;
-        friction?: number | undefined;
-        frictionCombineRule?: CoefficientCombineRule | undefined;
-        sensor?: boolean | undefined;
-        collider?: Collider | undefined;
-        contactForceEventThreshold?: number | undefined;
-        mass?: Mass | undefined;
-        massProperties?: MassProperties | undefined;
-    };
-    events(): {
-        collisionenter: CustomEvent<{
-            targetCollider: Collider;
-            targetRigidBody: RigidBody | null;
-            manifold: import("@dimforge/rapier3d-compat").TempContactManifold;
-            flipped: boolean;
-        }>;
-        collisionexit: CustomEvent<{
-            targetCollider: Collider;
-            targetRigidBody: RigidBody | null;
-        }>;
-        sensorenter: CustomEvent<{
-            targetCollider: Collider;
-            targetRigidBody: RigidBody | null;
-        }>;
-        sensorexit: CustomEvent<{
-            targetCollider: Collider;
-            targetRigidBody: RigidBody | null;
-        }>;
-        contact: CustomEvent<{
-            targetCollider: Collider;
-            targetRigidBody: RigidBody | null;
-            maxForceDirection: import("@dimforge/rapier3d-compat").Vector;
-            maxForceMagnitude: number;
-            totalForce: import("@dimforge/rapier3d-compat").Vector;
-            totalForceMagnitude: number;
-        }>;
-    };
-    slots(): {
-        default: {};
-    };
+import type {
+  CoefficientCombineRule,
+  Collider as RapierCollider,
+  ColliderDesc
+} from '@dimforge/rapier3d-compat'
+import { SvelteComponentTyped } from 'svelte'
+import type { Euler, Vector3 } from 'three'
+import type { ColliderEventMap } from '../../types/types'
+
+// ------------------ BASE ------------------
+
+type Type = 'static' | 'dynamic'
+
+type BaseProps = {
+  type?: Type
+  restitution?: number
+  restitutionCombineRule?: CoefficientCombineRule
+  friction?: number
+  frictionCombineRule?: CoefficientCombineRule
+  sensor?: boolean
+  collider?: RapierCollider
+  contactForceEventThreshold?: number
+  refresh?: () => void
 }
-export declare type ColliderProps<Shape extends 'ball' | 'capsule' | 'segment' | 'triangle' | 'roundTriangle' | 'polyline' | 'trimesh' | 'cuboid' | 'roundCuboid' | 'heightfield' | 'cylinder' | 'roundCylinder' | 'cone' | 'roundCone' | 'convexHull' | 'convexMesh' | 'roundConvexHull' | 'roundConvexMesh', Args extends Parameters<typeof ColliderDesc[Shape]>, Density extends number | undefined, Mass extends Density extends undefined ? number | undefined : undefined, MassProperties extends Density extends undefined ? Mass extends undefined ? {
-    mass: number;
-    centerOfMass: Position;
-    principalAngularInertia: Position;
-    angularInertiaLocalFrame: Rotation;
-} : undefined : undefined> = ReturnType<__sveltets_Render<Shape, Args, Density, Mass, MassProperties>['props']>;
-export declare type ColliderEvents<Shape extends 'ball' | 'capsule' | 'segment' | 'triangle' | 'roundTriangle' | 'polyline' | 'trimesh' | 'cuboid' | 'roundCuboid' | 'heightfield' | 'cylinder' | 'roundCylinder' | 'cone' | 'roundCone' | 'convexHull' | 'convexMesh' | 'roundConvexHull' | 'roundConvexMesh', Args extends Parameters<typeof ColliderDesc[Shape]>, Density extends number | undefined, Mass extends Density extends undefined ? number | undefined : undefined, MassProperties extends Density extends undefined ? Mass extends undefined ? {
-    mass: number;
-    centerOfMass: Position;
-    principalAngularInertia: Position;
-    angularInertiaLocalFrame: Rotation;
-} : undefined : undefined> = ReturnType<__sveltets_Render<Shape, Args, Density, Mass, MassProperties>['events']>;
-export declare type ColliderSlots<Shape extends 'ball' | 'capsule' | 'segment' | 'triangle' | 'roundTriangle' | 'polyline' | 'trimesh' | 'cuboid' | 'roundCuboid' | 'heightfield' | 'cylinder' | 'roundCylinder' | 'cone' | 'roundCone' | 'convexHull' | 'convexMesh' | 'roundConvexHull' | 'roundConvexMesh', Args extends Parameters<typeof ColliderDesc[Shape]>, Density extends number | undefined, Mass extends Density extends undefined ? number | undefined : undefined, MassProperties extends Density extends undefined ? Mass extends undefined ? {
-    mass: number;
-    centerOfMass: Position;
-    principalAngularInertia: Position;
-    angularInertiaLocalFrame: Rotation;
-} : undefined : undefined> = ReturnType<__sveltets_Render<Shape, Args, Density, Mass, MassProperties>['slots']>;
-export default class Collider<Shape extends 'ball' | 'capsule' | 'segment' | 'triangle' | 'roundTriangle' | 'polyline' | 'trimesh' | 'cuboid' | 'roundCuboid' | 'heightfield' | 'cylinder' | 'roundCylinder' | 'cone' | 'roundCone' | 'convexHull' | 'convexMesh' | 'roundConvexHull' | 'roundConvexMesh', Args extends Parameters<typeof ColliderDesc[Shape]>, Density extends number | undefined, Mass extends Density extends undefined ? number | undefined : undefined, MassProperties extends Density extends undefined ? Mass extends undefined ? {
-    mass: number;
-    centerOfMass: Position;
-    principalAngularInertia: Position;
-    angularInertiaLocalFrame: Rotation;
-} : undefined : undefined> extends SvelteComponentTyped<ColliderProps<Shape, Args, Density, Mass, MassProperties>, ColliderEvents<Shape, Args, Density, Mass, MassProperties>, ColliderSlots<Shape, Args, Density, Mass, MassProperties>> {
+
+// ------------------ SHAPE ------------------
+
+export type Shape =
+  | 'ball'
+  | 'capsule'
+  | 'segment'
+  | 'triangle'
+  | 'roundTriangle'
+  | 'polyline'
+  | 'trimesh'
+  | 'cuboid'
+  | 'roundCuboid'
+  | 'heightfield'
+  | 'cylinder'
+  | 'roundCylinder'
+  | 'cone'
+  | 'roundCone'
+  | 'convexHull'
+  | 'convexMesh'
+  | 'roundConvexHull'
+  | 'roundConvexMesh'
+
+type Args<TShape extends Shape> = Parameters<typeof ColliderDesc[TShape]>
+
+type ShapeProps<TShape extends Shape> = {
+  shape: TShape
+  args: Args<TShape>
 }
-export {};
+
+// ------------------ MASS ------------------
+
+type Density = {
+  density: number
+  mass?: never
+  centerOfMass?: never
+  principalAngularInertia?: never
+  angularInertiaLocalFrame?: never
+}
+type Mass = {
+  mass: number
+  density?: never
+  centerOfMass?: never
+  principalAngularInertia?: never
+  angularInertiaLocalFrame?: never
+}
+type MassProperties = {
+  mass: number
+  centerOfMass: Parameters<Vector3['set']>
+  principalAngularInertia: Parameters<Vector3['set']>
+  angularInertiaLocalFrame: Parameters<Euler['set']>
+  density?: never
+}
+
+type NoMassProperties = {
+  density?: never
+  mass?: never
+  centerOfMass?: never
+  principalAngularInertia?: never
+  angularInertiaLocalFrame?: never
+}
+
+export type MassDef = Density | Mass | MassProperties | NoMassProperties
+
+type MassProps<TMassDef extends MassDef> = TMassDef extends Density
+  ? Density
+  : TMassDef extends MassProperties
+  ? MassProperties
+  : TMassDef extends Mass
+  ? Mass
+  : NoMassProperties
+
+// ------------------ COLLIDER ------------------
+
+export type ColliderProps<TShape extends Shape, TMassDef extends MassDef> = BaseProps &
+  ShapeProps<TShape> &
+  MassProps<TMassDef>
+
+export type ColliderSlots = {
+  default: {
+    collider: RapierCollider
+  }
+}
+
+export default class Collider<
+  TShape extends Shape,
+  TMassDef extends MassDef
+> extends SvelteComponentTyped<ColliderProps<TShape, TMassDef>, ColliderEventMap, ColliderSlots> {}

package/dist/components/CollisionGroups/CollisionGroups.svelte

@@ -1,28 +1,9 @@
 <script>import { setContext } from 'svelte';
 import { writable } from 'svelte/store';
+import { computeBitMask } from '../../lib/computeBitMask';
 export let groups = undefined;
 export let filter = undefined;
 export let memberships = undefined;
-const computeBitMask = (groups, filter, memberships) => {
-    if (groups !== undefined) {
-        // groups is setting the filter and memberships at once
-        const g = groups;
-        const mask = g.reduce((acc, f) => {
-            return acc | (1 << f);
-        }, 0) |
-            g.reduce((acc, m) => {
-                return acc | (1 << (m + 16));
-            }, 0);
-        return mask;
-    }
-    const mask = memberships.reduce((acc, f) => {
-        return acc | (1 << f);
-    }, 0) |
-        filter.reduce((acc, m) => {
-            return acc | (1 << (m + 16));
-        }, 0);
-    return mask;
-};
 const store = writable(computeBitMask(groups, filter, memberships));
 $: store.set(computeBitMask(groups, filter, memberships));
 setContext('threlte-rapier-collision-group', store);

package/dist/components/CollisionGroups/CollisionGroups.svelte.d.ts

@@ -1,21 +1,31 @@
-import { SvelteComponentTyped } from "svelte";
-declare class __sveltets_Render<Groups extends (0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15)[] | undefined, MembershipsAndFilter extends Groups extends undefined ? (0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15)[] : undefined> {
-    props(): {
-        groups: Groups;
-    } | {
-        filter: MembershipsAndFilter;
-        memberships: MembershipsAndFilter;
-    };
-    events(): {} & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots(): {
-        default: {};
-    };
+import { SvelteComponentTyped } from 'svelte'
+
+type N = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15
+
+export type Groups = N[]
+
+export type MembershipsAndFilter = N[]
+
+type GroupsProps = {
+  groups: N[]
+
+  filter?: never
+  memberships?: never
 }
-export declare type CollisionGroupsProps<Groups extends (0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15)[] | undefined, MembershipsAndFilter extends Groups extends undefined ? (0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15)[] : undefined> = ReturnType<__sveltets_Render<Groups, MembershipsAndFilter>['props']>;
-export declare type CollisionGroupsEvents<Groups extends (0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15)[] | undefined, MembershipsAndFilter extends Groups extends undefined ? (0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15)[] : undefined> = ReturnType<__sveltets_Render<Groups, MembershipsAndFilter>['events']>;
-export declare type CollisionGroupsSlots<Groups extends (0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15)[] | undefined, MembershipsAndFilter extends Groups extends undefined ? (0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15)[] : undefined> = ReturnType<__sveltets_Render<Groups, MembershipsAndFilter>['slots']>;
-export default class CollisionGroups<Groups extends (0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15)[] | undefined, MembershipsAndFilter extends Groups extends undefined ? (0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15)[] : undefined> extends SvelteComponentTyped<CollisionGroupsProps<Groups, MembershipsAndFilter>, CollisionGroupsEvents<Groups, MembershipsAndFilter>, CollisionGroupsSlots<Groups, MembershipsAndFilter>> {
+
+type MembershipsAndFilterProps = {
+  filter: N[]
+  memberships: N[]
+
+  groups?: never
 }
-export {};
+
+type GroupsDef = GroupsProps | MembershipsAndFilterProps
+
+export type CollisionGroupsProps<TGroupsDef extends GroupsDef> = TGroupsDef extends GroupsProps
+  ? GroupsProps
+  : MembershipsAndFilterProps
+
+export default class CollisionGroups<TGroupsDef extends GroupsDef> extends SvelteComponentTyped<
+  CollisionGroupsProps<TGroupsDef>
+> {}

package/dist/components/Debug/Debug.svelte

@@ -1,12 +1,7 @@
-<script>import { LineSegments, useFrame } from '@threlte/core';
-import { onDestroy, } from 'svelte';
-import { BufferAttribute, BufferGeometry, LineBasicMaterial } from 'three';
+<script>import { T, useFrame } from '@threlte/core';
+import { onDestroy } from 'svelte';
+import { BufferAttribute, BufferGeometry } from 'three';
 import { useRapier } from '../../hooks/useRapier';
-export let vertexColors = true;
-const material = new LineBasicMaterial({
-    vertexColors,
-    ...$$props
-});
 const { world, debug } = useRapier();
 const buffers = world.debugRender();
 const vertices = new BufferAttribute(buffers.vertices, 3);
@@ -24,9 +19,17 @@ useFrame(() => {
 });
 onDestroy(() => {
     geometry.dispose();
-    material.dispose();
     debug.set(false);
 });
 </script>
 
-<LineSegments renderOrder={Infinity} {geometry} {material} />
+<T.LineSegments renderOrder={Infinity}>
+  <T
+    is={geometry}
+    attach="geometry"
+  />
+  <T.LineBasicMaterial
+    vertexColors
+    {...$$restProps}
+  />
+</T.LineSegments>

package/dist/components/Debug/Debug.svelte.d.ts

@@ -1,60 +1,6 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        color?: import("three").ColorRepresentation | undefined;
-        linewidth?: number | undefined;
-        linecap?: string | undefined;
-        linejoin?: string | undefined;
-        alphaTest?: number | undefined;
-        alphaToCoverage?: boolean | undefined;
-        blendDst?: import("three").BlendingDstFactor | undefined;
-        blendDstAlpha?: number | undefined;
-        blendEquation?: import("three").BlendingEquation | undefined;
-        blendEquationAlpha?: number | undefined;
-        blending?: import("three").Blending | undefined;
-        blendSrc?: import("three").BlendingDstFactor | import("three").BlendingSrcFactor | undefined;
-        blendSrcAlpha?: number | undefined;
-        clipIntersection?: boolean | undefined;
-        clippingPlanes?: import("three").Plane[] | undefined;
-        clipShadows?: boolean | undefined;
-        colorWrite?: boolean | undefined;
-        defines?: any;
-        depthFunc?: import("three").DepthModes | undefined;
-        depthTest?: boolean | undefined;
-        depthWrite?: boolean | undefined;
-        name?: string | undefined;
-        opacity?: number | undefined;
-        polygonOffset?: boolean | undefined;
-        polygonOffsetFactor?: number | undefined;
-        polygonOffsetUnits?: number | undefined;
-        precision?: "highp" | "mediump" | "lowp" | null | undefined;
-        premultipliedAlpha?: boolean | undefined;
-        dithering?: boolean | undefined;
-        side?: import("three").Side | undefined;
-        shadowSide?: import("three").Side | undefined;
-        toneMapped?: boolean | undefined;
-        transparent?: boolean | undefined;
-        vertexColors?: boolean | undefined;
-        visible?: boolean | undefined;
-        format?: import("three").PixelFormat | undefined;
-        stencilWrite?: boolean | undefined;
-        stencilFunc?: import("three").StencilFunc | undefined;
-        stencilRef?: number | undefined;
-        stencilWriteMask?: number | undefined;
-        stencilFuncMask?: number | undefined;
-        stencilFail?: import("three").StencilOp | undefined;
-        stencilZFail?: import("three").StencilOp | undefined;
-        stencilZPass?: import("three").StencilOp | undefined;
-        userData?: any;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export declare type DebugProps = typeof __propDef.props;
-export declare type DebugEvents = typeof __propDef.events;
-export declare type DebugSlots = typeof __propDef.slots;
-export default class Debug extends SvelteComponentTyped<DebugProps, DebugEvents, DebugSlots> {
-}
-export {};
+import { SvelteComponentTyped } from 'svelte'
+import type { LineBasicMaterialParameters } from 'three'
+
+export type DebugProps = LineBasicMaterialParameters
+
+export default class Debug extends SvelteComponentTyped<DebugProps> {}

package/dist/components/RigidBody/RigidBody.svelte

@@ -1,41 +1,26 @@
-<script>import { LayerableObject, SceneGraphObject } from '@threlte/core';
-import { createEventDispatcher, onDestroy, setContext, tick } from 'svelte';
+<script>import { createRawEventDispatcher, SceneGraphObject } from '@threlte/core';
+import { onDestroy, setContext, tick } from 'svelte';
 import { Object3D, Vector3 } from 'three';
 import { useHasEventListeners } from '../../hooks/useHasEventListener';
 import { useRapier } from '../../hooks/useRapier';
-import { applyTransforms } from '../../lib/applyTransforms';
 import { getWorldPosition, getWorldQuaternion, getWorldScale } from '../../lib/getWorldTransforms';
 import { parseRigidBodyType } from '../../lib/parseRigidBodyType';
-import { positionToVector3 } from '../../lib/positionToVector3';
-import { rotationToEuler } from '../../lib/rotationToEuler';
 const { world, rapier, addRigidBodyToContext, removeRigidBodyFromContext } = useRapier();
-export let debug = false;
+export let linearVelocity = undefined;
+export let angularVelocity = undefined;
 export let type = 'dynamic';
 export let canSleep = true;
-export let linearVelocity = {};
-export let angularVelocity = {};
 export let gravityScale = 1;
 export let ccd = false;
 export let angularDamping = 0;
 export let linearDamping = 0;
 export let lockRotations = false;
 export let lockTranslations = false;
-export let enabledRotations = [
-    true,
-    true,
-    true
-];
-export let enabledTranslations = [
-    true,
-    true,
-    true
-];
+export let enabledRotations = [true, true, true];
+export let enabledTranslations = [true, true, true];
 export let dominance = 0;
-export let position = undefined;
-export let rotation = undefined;
-export let scale = undefined;
-export let lookAt = undefined;
-const dispatcher = createEventDispatcher();
+export let enabled = true;
+const dispatcher = createRawEventDispatcher();
 const object = new Object3D();
 /**
  * Used to traverseAncestors to restore transform
@@ -45,18 +30,6 @@ object.userData.isRigidBody = true;
  * isSleeping used for events "sleep" and "wake" in `useFrameHandler`
  */
 object.userData.isSleeping = false;
-/**
- * Immediately apply transforms to get the objects
- * world position to apply to the RigidBody.
- * This is a one-off operation as RigidBodies should
- * not be moved around after initialization.
- */
-applyTransforms(object, position, rotation, scale, lookAt);
-/**
- * Update the world matrix of the object before applying
- * the world position to the RigidBody
- */
-object.updateWorldMatrix(true, false);
 /**
  * RigidBody Description
  */
@@ -74,7 +47,6 @@ const rigidBodyTemp = world.createRigidBody(desc);
  */
 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);
@@ -82,12 +54,6 @@ const initPosition = async () => {
     const worldQuaternion = getWorldQuaternion(object);
     rigidBodyTemp.setTranslation(worldPosition, true);
     rigidBodyTemp.setRotation(worldQuaternion, true);
-    if (debug) {
-        console.log('worldPosition', worldPosition);
-        console.log('worldQuaternion', worldQuaternion);
-    }
-    if (debug)
-        console.log(JSON.stringify(desc, null, 2));
     rigidBody = rigidBodyTemp;
 };
 initPosition();
@@ -98,20 +64,21 @@ object.userData.rigidBody = rigidBodyTemp;
 /**
  * Reactive RigidBody properties
  */
-$: {
-    rigidBodyTemp.setBodyType(parseRigidBodyType(type));
-    rigidBodyTemp.setLinvel(positionToVector3(linearVelocity), true);
-    rigidBodyTemp.setAngvel(rotationToEuler(angularVelocity), true);
-    rigidBodyTemp.setGravityScale(gravityScale, true);
-    rigidBodyTemp.enableCcd(ccd);
-    rigidBodyTemp.setDominanceGroup(dominance);
-    rigidBodyTemp.lockRotations(lockRotations, true);
-    rigidBodyTemp.lockTranslations(lockTranslations, true);
-    rigidBodyTemp.setEnabledRotations(...enabledRotations, true);
-    rigidBodyTemp.setEnabledTranslations(...enabledTranslations, true);
-    rigidBodyTemp.setAngularDamping(angularDamping);
-    rigidBodyTemp.setLinearDamping(linearDamping);
-}
+$: rigidBodyTemp.setBodyType(parseRigidBodyType(type), true);
+$: if (linearVelocity)
+    rigidBodyTemp.setLinvel({ x: linearVelocity[0], y: linearVelocity[1], z: linearVelocity[2] }, true);
+$: if (angularVelocity)
+    rigidBodyTemp.setAngvel({ x: angularVelocity[0], y: angularVelocity[1], z: angularVelocity[2] }, true);
+$: rigidBodyTemp.setGravityScale(gravityScale, true);
+$: rigidBodyTemp.enableCcd(ccd);
+$: rigidBodyTemp.setDominanceGroup(dominance);
+$: rigidBodyTemp.lockRotations(lockRotations, true);
+$: rigidBodyTemp.lockTranslations(lockTranslations, true);
+$: rigidBodyTemp.setEnabledRotations(...enabledRotations, true);
+$: rigidBodyTemp.setEnabledTranslations(...enabledTranslations, true);
+$: rigidBodyTemp.setAngularDamping(angularDamping);
+$: rigidBodyTemp.setLinearDamping(linearDamping);
+$: rigidBodyTemp.setEnabled(enabled);
 /**
  * Add userData to the rigidBody
  */
@@ -140,5 +107,3 @@ onDestroy(() => {
 <SceneGraphObject {object}>
   <slot />
 </SceneGraphObject>
-
-<LayerableObject {object} />