问题标签 [tweenjs]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
597 浏览

javascript - Tweenjs 用bounceOut 和return 缩放

我需要在代码中创建一个补间动画,它可以放大并返回到原始大小并带有反弹效果。

据我所知,这会随着反弹效果扩大,但保持在 110%,我需要它在反弹效果内恢复到 100%。我可以使用带有反弹的补间动画来做到这一点......,但需要能够在代码中做到这一点。

0 投票
1 回答
230 浏览

createjs - 我想了解 TweenJS 的“反转”属性的使用

我没有找到任何有效的例子来理解 TweenJs 中“反转”属性的使用。你能给我一些代码,解释这个问题吗?谢谢!!

0 投票
1 回答
727 浏览

reactjs - 尝试导入错误:“更新”未从“@createjs/tweenjs”导出(导入为“TWEEN”)

我正在尝试使用 tween.js 为动画创建一个无限循环,但它给了我这个与 TWEEN.update(time) 相关的错误,我也尝试了 TWEEN.default.update() 但我得到了这个尝试导入错误:'@ createjs/tweenjs' 不包含默认导出(导入为“TWEEN”)。如果我删除 TWEEN.update(time) 动画会工作,但会在旋转一圈后停止。我如何使它工作?是否还有其他需要导入的库?

这是相关的代码:

0 投票
1 回答
74 浏览

javascript - TweenJs - 点击时旋转矩形只运行一次

我正在尝试在名为 TweenJs(CreateJs 套件的一部分)的 JavaScript 库中的“单击”事件上创建简单的动画,但似乎动画仅在我第一次单击矩形时更新显示。动画第一次结束后,每次下一次点击似乎代码正在运行,但显示静止(或不更新)。您可以在控制台中看到它记录动画的开始和结束。

有人可以帮我解释一下我的代码有什么问题,而且,总的来说,这是正确的使用方法stage.update()吗?

这是我的代码:

https://codepen.io/milan_d/pen/rNaJEKY?editors=1111

非常感谢你!

0 投票
2 回答
1488 浏览

animation - 如何使用 Tween.js 在 Three.js 中缩放 3d 对象

有谁知道我如何使用tween.js库在three.js 中平滑缩放对象?例如,如果我有一个 3d 立方体,我怎样才能让它缩小,然后通过一个平滑的动画让它恢复到正常大小。我将不胜感激您可以提供的任何帮助或示例。谢谢

0 投票
1 回答
221 浏览

three.js - 将 Camera 和 OrbitControls 设置为 Three.js 中的默认位置

我有一个带有 Camera 和 OrbitControls 的场景。我让用户在场景中移动并更改相机视图和 OrbitControls 位置。

现在我有一个重置按钮,它将场景视图重置为其默认位置。

0 投票
1 回答
252 浏览

javascript - Tween.js - 是否可以补间变量?

所以我一直在玩 three.js 和 tween.js,我想知道是否可以对变量进行补间?

我试过的:

1)

两者都给出了这个结果:Object prototype may only be an Object or null: 0.001

我什至不确定 vars 是否可以动画,有人可以确认吗?

0 投票
1 回答
126 浏览

javascript - TWEENJS 奇怪的悠悠球threejs

在一个成功的动画圈之后,tweenjs 让我抽搐,我想创建从上到下的无限移动动画,但是我的代码中有一些错误,我需要帮助! http://weblife.su/WineBazar/1/

0 投票
1 回答
406 浏览

javascript - ThreeJs/TweenJS 使用 for 循环在补间之间添加延迟

目前正在使用 Three.JS 和 Tween.JS 处理垃圾箱包装问题我实际上正在努力使用动画。我有一个循环,我使用 TWEEN 对象将一堆平面几何图形存储在画布的变量中。我想做的是连续播放我的动画,而不是同时播放。我已经使用了 setTimeout 解决方案,但没有成功。ThreeJS/TweenJs 在每个动画循环之间等待的解决方案是什么?

装箱码:

我的动画设置位置的功能:

0 投票
0 回答
17 浏览

createjs - tweenjs - 与顶点二次?

我一直在关注带有“路径”和“指南”的 tweenjs 代码,如此处的问题所述:如何在 TweenJS 中实现弹道缓动效果

tweenjs 中的路径选项效果很好,但我需要一些更具确定性的东西 - 例如,路径 "path:[0,100, 200,0, 400,100]" 告诉路径向 (200,0) 弯曲,而不是击中它。我需要一些东西,特别是对于二次方程,我可以输入一个顶点和一个结束点,它可以到达顶点而不是仅仅向它弯曲。

我知道 html5 画布本身有这样的东西,但仅用于创建曲线,而不是在形状上实现它。

谢谢,