Как рассчитать смещение границ в зависимости от горизонтального и вертикального поворота камеры, используя Три js?
У меня есть группа объектов, окруженных рамкой, и когда камера вращается Мне нужно смещение, чтобы увеличить с соответствующим углом.
Эффект, который я хочу получить, показан на рисунке ниже. Я хочу, чтобы под любым углом, который вы видите на кубах и на границе: между ними нет пересечения, а смещение минимально.
Проблема с текущим «решением» состоит в том, что я не могу правильно выбрать формулу для вычисления смещения.
Вы можете попробовать здесь: https://codepen.io/greenfrontend/pen/JjomqbL
const azimuthalAngle = radiansToDegrees(controls.getAzimuthalAngle());
const polarAngle = radiansToDegrees(controls.getPolarAngle());
// this is what I need to calculate correctly
const calculatedOffset = Math.abs(azimuthalAngle / 10);
как это должно выглядеть