react-three-game 0.0.51 → 0.0.53

package/src/tools/prefabeditor/components/PhysicsComponent.tsx

@@ -1,4 +1,4 @@
-import { RigidBody, RapierRigidBody } from "@react-three/rapier";
+import { RigidBody, RapierRigidBody, useRapier } from "@react-three/rapier";
 import type { RigidBodyOptions, CollisionPayload, IntersectionEnterPayload, IntersectionExitPayload } from "@react-three/rapier";
 import type { ReactNode } from 'react';
 import { useRef, useEffect, useCallback } from 'react';
@@ -7,7 +7,9 @@ import { FieldRenderer, FieldDefinition } from "./Input";
 import { ComponentData } from "../types";
 import { gameEvents, getEntityIdFromRigidBody } from "../GameEvents";
 
-export type PhysicsProps = RigidBodyOptions;
+export type PhysicsProps = RigidBodyOptions & {
+    activeCollisionTypes?: 'all' | undefined;
+};
 
 const physicsFields: FieldDefinition[] = [
     {
@@ -77,6 +79,15 @@ const physicsFields: FieldDefinition[] = [
         type: 'boolean',
         label: 'Sensor (Trigger Only)',
     },
+    {
+        name: 'activeCollisionTypes',
+        type: 'select',
+        label: 'Collision Detection',
+        options: [
+            { value: '', label: 'Default (Dynamic only)' },
+            { value: 'all', label: 'All (includes kinematic & fixed)' },
+        ],
+    },
 ];
 
 function PhysicsComponentEditor({ component, onUpdate }: { component: ComponentData; onUpdate: (newComp: any) => void }) {
@@ -101,10 +112,19 @@ interface PhysicsViewProps {
 }
 
 function PhysicsComponentView({ properties, children, position, rotation, scale, editMode, nodeId, registerRigidBodyRef }: PhysicsViewProps) {
-    const { type, colliders, sensor, ...otherProps } = properties;
+    const { type, colliders, sensor, activeCollisionTypes, ...otherProps } = properties;
     const colliderType = colliders || (type === 'fixed' ? 'trimesh' : 'hull');
     const rigidBodyRef = useRef<RapierRigidBody>(null);
 
+    // Try to get rapier context - will be null if not inside <Physics>
+    let rapier: any = null;
+    try {
+        const rapierContext = useRapier();
+        rapier = rapierContext.rapier;
+    } catch (e) {
+        // Not inside Physics context - that's ok, just won't have rapier features
+    }
+
     // Register RigidBody ref when it's available
     useEffect(() => {
         if (nodeId && registerRigidBodyRef && rigidBodyRef.current) {
@@ -117,6 +137,22 @@ function PhysicsComponentView({ properties, children, position, rotation, scale,
         };
     }, [nodeId, registerRigidBodyRef]);
 
+    // Configure active collision types for kinematic/sensor bodies
+    useEffect(() => {
+        if (activeCollisionTypes === 'all' && rigidBodyRef.current && rapier) {
+            const rb = rigidBodyRef.current;
+            // Apply to all colliders on this rigid body
+            for (let i = 0; i < rb.numColliders(); i++) {
+                const collider = rb.collider(i);
+                collider.setActiveCollisionTypes(
+                    rapier.ActiveCollisionTypes.DEFAULT |
+                    rapier.ActiveCollisionTypes.KINEMATIC_FIXED |
+                    rapier.ActiveCollisionTypes.KINEMATIC_KINEMATIC
+                );
+            }
+        }
+    }, [activeCollisionTypes, rapier, type, colliders]);
+
     // Event handlers for physics interactions
     const handleIntersectionEnter = useCallback((payload: IntersectionEnterPayload) => {
         if (!nodeId) return;

package/src/tools/prefabeditor/styles.ts

@@ -124,7 +124,9 @@ export const tree = {
     scroll: {
         overflowY: 'auto' as const,
         padding: 4,
-    },
+        scrollbarWidth: 'thin' as const,
+        scrollbarColor: 'rgba(255,255,255,0.06) transparent',
+    } as React.CSSProperties,
     row: {
         display: 'flex',
         alignItems: 'center',