threejs-core-math

Three.js Matrix4 TRS transformations decompose and recompose translation, rotation, and scale using standard right-handed Y-up conventions. Apply matrix transforms sequentially to position objects precisely within your 3D scene without misaligning coordinate axes.

Three.js quaternion rotation causes gimbal lock when you improperly chain Euler angles instead of using quaternion multiplication. Use Quaternion operations directly to bypass Euler angle sequencing limitations and maintain smooth 3D rotation interpolation.

Prevent mutating shared Vector3 objects in Three.js by cloning vectors before applying operations like add, multiply, or normalize. Enforce correct mutability practices by treating Vector3 methods as in-place operations and copying shared data first.

Three.js Color utilities support color space management across common scenes by handling color conversions and ensuring consistent rendering. Use Color operations to manage gamma, linear, and sRGB spaces correctly within your 3D rendering pipeline.

Use Three.js Euler angles for simple, human-readable axis rotations and quaternions for complex 3D math requiring gimbal-lock-free rotation interpolation. Choose quaternions when chaining rotations or animating camera paths to avoid Euler angle limitations.