fix: NPM configuration, tree-shaking

Author: ErdongChen-Andrew

example/FloatingCharacterControl.png

@@ -21,6 +21,7 @@ export default function Lights() {
         shadow-camera-right={50}
         shadow-camera-bottom={-50}
         shadow-camera-left={-50}
+        name="followLight"
         ref={directionalLightRef}
       />
       <ambientLight intensity={0.5} />

example/Lights.tsx

@@ -1,6 +1,6 @@
 {
   "name": "ecctrl",
-  "version": "1.0.30",
+  "version": "1.0.32",
   "author": "Erdong Chen",
   "license": "MIT",
   "description": "A floating rigibody character controller for R3F",

package.json

@@ -1,6 +1,6 @@
 # Ecctrl Floating Capsule Character Controller
 
-[![Video](https://img.youtube.com/vi/7h4ydBeryK8/0.jpg)](https://www.youtube.com/watch?v=7h4ydBeryK8)
+[![screenshot](example/FloatingCharacterControl.png)](https://character-control.vercel.app/)
 
 [Pmndrs/ecctrl](https://github.com/pmndrs/ecctrl) is a simple web based character controller build on [react-three-fiber](https://github.com/pmndrs/react-three-fiber) and [react-three-rapier](https://github.com/pmndrs/react-three-rapier). It provides a playground demo where you can experience the following features:
 
@@ -159,7 +159,7 @@ props: {
   // AutoBalance Force setups
   autoBalance: true, // Enable auto-balance
   autoBalanceSpringK: 0.3, // Auto-balance spring constant
-  autoBalanceDampingC: 0.02, // Auto-balance damping coefficient
+  autoBalanceDampingC: 0.03, // Auto-balance damping coefficient
   autoBalanceDampingOnY: 0.02, // Auto-balance damping on Y-axis
   // Animation temporary setups
   animated: false, // Enable animation

readme.md

@@ -63,7 +63,7 @@ export default function Ecctrl({
   // AutoBalance Force setups
   autoBalance = true,
   autoBalanceSpringK = 0.3,
-  autoBalanceDampingC = 0.02,
+  autoBalanceDampingC = 0.03,
   autoBalanceDampingOnY = 0.02,
   // Animation temporary setups
   animated = false,
@@ -101,85 +101,85 @@ export default function Ecctrl({
       "Character Controls",
       {
         maxVelLimit: {
-          value: 2.5,
+          value: maxVelLimit,
           min: 0,
           max: 10,
           step: 0.01,
         },
         turnVelMultiplier: {
-          value: 0.2,
+          value: turnVelMultiplier,
           min: 0,
           max: 1,
           step: 0.01,
         },
         turnSpeed: {
-          value: 15,
+          value: turnSpeed,
           min: 5,
           max: 30,
           step: 0.1,
         },
         sprintMult: {
-          value: 2,
+          value: sprintMult,
           min: 1,
           max: 5,
           step: 0.01,
         },
         jumpVel: {
-          value: 4,
+          value: jumpVel,
           min: 0,
           max: 10,
           step: 0.01,
         },
         jumpForceToGroundMult: {
-          value: 5,
+          value: jumpForceToGroundMult,
           min: 0,
           max: 80,
           step: 0.1,
         },
         slopJumpMult: {
-          value: 0.25,
+          value: slopJumpMult,
           min: 0,
           max: 1,
           step: 0.01,
         },
         sprintJumpMult: {
-          value: 1.2,
+          value: sprintJumpMult,
           min: 1,
           max: 3,
           step: 0.01,
         },
         airDragMultiplier: {
-          value: 0.2,
+          value: airDragMultiplier,
           min: 0,
           max: 1,
           step: 0.01,
         },
         dragDampingC: {
-          value: 0.15,
+          value: dragDampingC,
           min: 0,
           max: 0.5,
           step: 0.01,
         },
         accDeltaTime: {
-          value: 8,
+          value: accDeltaTime,
           min: 0,
           max: 50,
           step: 1,
         },
         rejectVelMult: {
-          value: 4,
+          value: rejectVelMult,
           min: 0,
           max: 10,
           step: 0.1,
         },
         moveImpulsePointY: {
-          value: 0.5,
+          value: moveImpulsePointY,
           min: 0,
           max: 3,
           step: 0.1,
         },
         camFollowMult: {
-          value: 11,
+          value: camFollowMult,
           min: 0,
           max: 15,
           step: 0.1,
@@ -213,7 +213,7 @@ export default function Ecctrl({
           z: 0,
         },
         rayHitForgiveness: {
-          value: 0.1,
+          value: rayHitForgiveness,
           min: 0,
           max: 0.5,
           step: 0.01,
@@ -232,13 +232,13 @@ export default function Ecctrl({
           step: 0.01,
         },
         springK: {
-          value: 2,
+          value: springK,
           min: 0,
           max: 5,
           step: 0.01,
         },
         dampingC: {
-          value: 0.2,
+          value: dampingC,
           min: 0,
           max: 3,
           step: 0.01,
@@ -274,13 +274,13 @@ export default function Ecctrl({
         },
         slopeRayDir: { x: 0, y: -1, z: 0 },
         slopeUpExtraForce: {
-          value: 0.4,
+          value: slopeUpExtraForce,
           min: 0,
           max: 5,
           step: 0.01,
         },
         slopeDownExtraForce: {
-          value: 0.5,
+          value: slopeDownExtraForce,
           min: 0,
           max: 5,
           step: 0.01,
@@ -303,19 +303,19 @@ export default function Ecctrl({
           value: true,
         },
         autoBalanceSpringK: {
-          value: 1.2,
+          value: autoBalanceSpringK,
           min: 0,
           max: 5,
           step: 0.01,
         },
         autoBalanceDampingC: {
-          value: 0.04,
+          value: autoBalanceDampingC,
           min: 0,
           max: 0.1,
           step: 0.001,
         },
         autoBalanceDampingOnY: {
-          value: 0.02,
+          value: autoBalanceDampingOnY,
           min: 0,
           max: 0.1,
           step: 0.001,
@@ -565,7 +565,7 @@ export default function Ecctrl({
     if (followLight) {
       dirLight = characterModelRef.current.parent.parent.children.find(
         (item) => {
-          return item.type === "DirectionalLight";
+          return item.name === "followLight";
         }
       ) as THREE.DirectionalLight;
     }