javascript - 使用动画缩放立方体 Y webgl Three.js

标签 javascript three.js webgl tween

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

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

我试图让立方体通过动画拉伸(stretch)到正确的高度,但目前它只是直接捕捉到缩放比例。

最佳答案

您应该在 Tween 中使用整个对象,如下所示

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

关于javascript - 使用动画缩放立方体 Y webgl Three.js,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24369983/

相关文章:

javascript - 如何在 QML 文本上的特定单词上添加颜色

javascript - ckeditor 未在弹出对话框中加载通过 ajax 生成的元素?

java - GwtQuery droppable 编译 GWT 2.6.1 错误

javascript - 基于图像方向自动应用高度/宽度属性的 CSS/Javascript 解决方案

autocomplete - Visual Studio Code 中的 Three.js 自动完成

javascript - threejs 立方体相机没有像我预期的那样反射

javascript - 将旋转从父级 Object3D 传输到子级 - 三个 js

javascript - Webgl bindBufer 和 vertexAttribPointer 是否取决于缓冲区大小?

webgl - 获取 webGL2 片段着色器上的当前像素位置

three.js - Threejs 按 x 和 z 进行的旋转单独工作,但一起失败