
4/17/2024
What this post added
This post details the technical implementation of an interactive 3D event badge using React Three Fiber, Three.js, Drei, and react-three-rapier. It covers setting up the canvas, defining physics joints with `useRopeJoint` and `useSphericalJoint`, creating a dynamic curve with `CatmullRomCurve3` and `useFrame`, and implementing drag interactivity for a `RigidBody` with `kinematicPosition` type.