Three.js – это мощная библиотека JavaScript, используемая для создания трехмерной графики и анимации в веб-браузерах. При работе со скелетной анимацией в Three.js важно понимать, как получить размер кости. В этой статье мы рассмотрим несколько способов достижения этой цели, сопровождаемые примерами кода.

Метод 1: использование иерархии Object3D.
Один из способов получить размер кости в Three.js — использовать иерархическую структуру класса Object3D.. Вот пример того, как можно рассчитать размер кости с помощью этого метода:

const bone = mesh.skeleton.bones[0]; // Select the desired bone
const boneWorldPosition = new THREE.Vector3();
bone.getWorldPosition(boneWorldPosition);
const boneSize = boneWorldPosition.length();
console.log('Bone size:', boneSize);

Метод 2: измерение расстояния
Другой подход заключается в вычислении расстояния между двумя точками на кости. Вот пример, демонстрирующий этот метод:

const bone = mesh.skeleton.bones[0]; // Select the desired bone
const start = new THREE.Vector3(); // Starting point
const end = new THREE.Vector3(); // Ending point
bone.getWorldPosition(start);
bone.getWorldPosition(end);
end.add(bone.position);
const boneSize = start.distanceTo(end);
console.log('Bone size:', boneSize);

Метод 3: использование ограничивающей рамки Box3
Three.js предоставляет утилиту расчета ограничивающей рамки под названием Box3. Заключив кость в ограничивающую рамку, мы можем измерить ее размер. Вот пример:

const bone = mesh.skeleton.bones[0]; // Select the desired bone
const box = new THREE.Box3().setFromObject(bone);
const boneSize = box.getSize(new THREE.Vector3()).length();
console.log('Bone size:', boneSize);

В этой статье мы рассмотрели три различных метода получения размера кости в Three.js. Используя иерархию Object3D, измеряя расстояние между точками или вычисляя ограничивающую рамку, вы можете точно определить размер кости в своих проектах Three.js. Поэкспериментируйте с этими методами и выберите тот, который лучше всего соответствует вашим конкретным требованиям.