diff --git a/apps/web/src/app/arcade/complement-race/components/RaceTrack/GhostTrain.tsx b/apps/web/src/app/arcade/complement-race/components/RaceTrack/GhostTrain.tsx index 6633b8b7..ce7db64d 100644 --- a/apps/web/src/app/arcade/complement-race/components/RaceTrack/GhostTrain.tsx +++ b/apps/web/src/app/arcade/complement-race/components/RaceTrack/GhostTrain.tsx @@ -89,7 +89,7 @@ export function GhostTrain({ y: locomotiveTarget?.y ?? 0, rotation: locomotiveTarget?.rotation ?? 0, opacity: locomotiveTarget?.opacity ?? 1, - config: { tension: 280, friction: 60 }, // Smooth but responsive + config: { tension: 600, friction: 35 }, // Fast/responsive to match local train }) // Calculate target transforms for cars (used by spring animations) @@ -133,7 +133,7 @@ export function GhostTrain({ y: target.y, rotation: target.rotation, opacity: target.opacity, - config: { tension: 280, friction: 60 }, + config: { tension: 600, friction: 35 }, // Fast/responsive to match local train })) ) diff --git a/apps/web/src/app/arcade/complement-race/hooks/useTrainTransforms.ts b/apps/web/src/app/arcade/complement-race/hooks/useTrainTransforms.ts index 96083a8e..f1cac82f 100644 --- a/apps/web/src/app/arcade/complement-race/hooks/useTrainTransforms.ts +++ b/apps/web/src/app/arcade/complement-race/hooks/useTrainTransforms.ts @@ -41,7 +41,7 @@ export function useTrainTransforms({ x: locomotiveTarget.x, y: locomotiveTarget.y, rotation: locomotiveTarget.rotation, - config: { tension: 280, friction: 60 }, + config: { tension: 600, friction: 35 }, // Fast/responsive to avoid lag }) // Calculate target transforms for train cars (each car follows behind the locomotive) @@ -98,7 +98,7 @@ export function useTrainTransforms({ rotation: target.rotation, opacity: target.opacity, position: target.position, - config: { tension: 280, friction: 60 }, + config: { tension: 600, friction: 35 }, // Fast/responsive to avoid lag })) ) @@ -128,7 +128,7 @@ export function useTrainTransforms({ // Animated spring for smooth locomotive opacity const locomotiveOpacity = useSpring({ opacity: locomotiveOpacityTarget, - config: { tension: 280, friction: 60 }, + config: { tension: 600, friction: 35 }, // Fast/responsive to avoid lag }) return {