My first NPM package

Resources
,
1

Hello!

This package is designed for the visual creation and calculation of smoothed paths (camera animations in 3D scenes, object trajectories, and markers on maps). The functionality enables the construction of a continuous curve based on a set of control points using arc-length parametrization to ensure uniform motion along the entire path.

777
7772555×1232 93.3 KB

npm i spline-route-tool

  • Visual Editor: Drag and drop points right in your 3D scene.
  • Flight & Scroll: Smoothly fly the camera along the path on mouse scroll.
  • Waypoints: Configure step-by-step stops along the path (e.g. 1 → 2 → 3).
  • Cinematic Effects: Add camera shake, barrel rolls, and apply custom easing curves.
  • One-Click Export: Copy production-ready vanilla JS or R3F React component code directly from the UI.

Live demo tool

2

There is a bug here. When the local AxesHelper of a point appears, if the mouse selects any axis and drags, it will flicker. The origin of the local axeshelper will flash to the mouse position for a moment. The logic here should be to judge the offset of the mouse on the current axis and then synchronously offset the point in the corresponding direction.

3

I’d just say it pulls slightly toward the axis.Thanks for the find.