масштабирование куба Y с помощью анимации webgl three.js

#javascript #three.js #webgl #tween

#javascript #three.js #webgl #анимация

Вопрос:

Webgl Three.js анимация и java script Я получаю неожиданные результаты от анимации свойства x или y объекта, у меня нет ошибок, и объект масштабируется, но без анимации.

  var scale = {y:0};         
 var tween = new TWEEN.Tween( cube.scale.y ).to( { y: 10 }, 3000 ).easing(
 TWEEN.Easing.Cubic.Out ).start();
  

я пытаюсь заставить куб растягиваться до нужной высоты с помощью анимации, но в настоящее время он просто привязывается прямо к масштабу-y.

Комментарии:

1. Я думаю, что мне, возможно, придется перемещать вершины, но я думал, что масштаб автоматически завершит это для меня, любая помощь

2. можете ли вы опубликовать скрипку или что-то подобное

3. насколько я знаю, мне, возможно, придется использовать цели морфинга и перемещать вершины с помощью tweens, а затем обновлять вершины в позиции рендеринга. с другой стороны, у меня все равно возникли проблемы с некоторыми из моих подростков, поэтому, возможно, я столкнулся с собственной ошибкой

Ответ №1:

Вы должны использовать весь объект в анимации, например

 new TWEEN.Tween( cube.scale ).to( { y: 10 }, 3000 )