Как анимировать вращение двери по клику в three.js? - PullRequest
0 голосов
/ 03 ноября 2019

Привет. Я пытался повернуть дверь за три секунды, но так и не получил желаемого результата.

Итак, я хочу, чтобы пользователь щелкнул мышью на построении сферической сетки в three.js, а затем импортировал модель двери, чтобы повернуть на 90 градусов или около того, чтобы имитировать открытие. Но я хочу, чтобы это было видно пользователю.

Мне удалось повернуть дверь в правильное положение, и пользователь увидел, что это произошло, добавив шарнир и добавив следующую строку:

if (pivot.rotation.y <= 1.5) {
  pivot.rotation.y += 0.03;
}

в функции анимации в three.js.

Я также смог открыть дверь, когда пользователь нажал на сферу. Но вместо вращения он просто появляется в правильном положении, а это не то, что я хочу.

Я пытался использовать tween.js, но я думаю, что это только для 2D анимации, которая не будет работать в моем случае. Я также пытался реализовать кватернионы, но снова с помощью этого метода дверь просто появляется в правильном месте, без какой-либо анимации.

Итак, мой вопрос:Есть ли у меня способ оживить или показать поворот двери, или это невозможно? Я действительно думаю, что должен быть способ, которым я только изучаю Three.js, и я думаю, что я что-то упускаю.

Буду признателен за любую помощь. Заранее спасибо.

...