【问题标题】:scale cube Y with Animation webgl three.js用动画 webgl three.js 缩放立方体 Y
【发布时间】:2014-08-13 17:35:21
【问题描述】:

Webgl Three.js 补间和 java 脚本 我从对象的 x 或 y 属性的 Tween 中得到了意想不到的结果,我没有错误并且对象正在缩放但没有动画。

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

我试图通过动画让立方体拉伸到正确的高度,但目前它只是直接捕捉到 scale-y。

【问题讨论】:

  • 我想我可能需要移动顶点,但我认为比例会自动为我完成这个,任何帮助
  • 你能发个小提琴或类似的吗
  • 据我所知,我可能必须使用变形目标并使用补间移动顶点,然后更新渲染位置中的顶点。另一个虽然我的一些补间有问题,所以可能遇到了我自己的错误

标签: javascript three.js webgl tween


【解决方案1】:

你应该在 Tween 中使用整个对象,像这样

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

【讨论】:

    猜你喜欢
    • 2015-02-05
    • 2015-01-28
    • 2020-11-12
    • 2020-06-25
    • 2017-10-16
    • 2015-02-21
    • 2018-12-01
    • 2018-02-10
    • 1970-01-01
    相关资源
    最近更新 更多