问题标签 [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 投票
2 回答
3680 浏览

createjs - 如何在 tweenjs 中使用时间轴

文档 说:

Timeline Timeline 类同步多个补间并允许将它们作为一个组进行控制。

但没有示例如何使用它。如果我创建一个时间线

不再呈现任何形状。

Timeline 是 TweenMax 中的一个很棒的功能,我也喜欢在画布中使用它。

0 投票
3 回答
2619 浏览

javascript - CreateJS:TweenJS 时间线补间多次更改属性而无需链接

在这个例子中,预期的结果是让圆先淡出然后淡入。这适用于链接。片段中的注释行

如果我将它们分成对同一对象的 2 个单独的调用,它将不起作用。回调不是一种选择,因为在淡入和淡出圆之间可能有其他孩子的补间。

Tweenjs 似乎覆盖了所有其他以前的属性更改并只保留最后一个。对此有何建议?

0 投票
1 回答
293 浏览

variables - 如何使用变量设置补间持续时间?


所以...可以使用变量来设置补间持续时间吗?

0 投票
1 回答
684 浏览

javascript - CreateJS 无法读取属性“获取” - TweenJS 演示

我试图设置 Tween JS 的基本演示,我收到错误:未捕获的类型错误:无法读取未定义的属性 'get'

JS

0 投票
0 回答
263 浏览

javascript - createjs - 结束标签动画检测

我用 Adob​​e AnimateCC 创建了一些补间动画,这个动画有 3 个标签:

从控制台我可以得到它:

问题是:如果我触发animation_1,将触发animation_1、2和3。如果我触发animation_2,将触发animation_2和3。

如何检测每个标签的最终结果,以便在此标签动画完成时设置回调?

然后检测此标签何时完成。

0 投票
1 回答
600 浏览

javascript - Change Color of Shape Mid Tween

I'm trying to make an event that changes my shapes stroke color for 5 seconds when a button is clicked, and then the shape returns to original color after the duration.

I am able to do this with clearing the entire stage and redrawing new shapes (which resets their position), but I can't figure it out with the current shapes.

Q. What's the best way to approach making a change to a shapes color, during a Tween?

I was also curious if there's a better way to handling tweening the shapes width? Currently I am relying on ScaleX and ScaleY - but this also changes the stroke's size - which is not desired.

JS Fiddle

HTML

JS

0 投票
1 回答
901 浏览

javascript - 使用 Tween.js 使用 Paper.js 缩放栅格

我认为我遇到了与此类似的问题,因为我无法解决(或知道它是否存在),因此我可以访问应用于给定对象(在我的实例中为栅格)的缩放。

我需要知道这一点,这样我才能通过 Tween.js 为缩放设置动画。

任何人都有任何想法或知道是否确实有可能找出应用于栅格(或任何)对象的当前缩放比例?

我认为这是 Rasters 的问题,所以我尝试对 Path 和 Group 的 scale 属性进行补间,但我无法访问这些值以对其进行动画处理。

因为我使用的是 Tween.js,所以不能简单地使用 object.scale(value) 函数。

更新

我什至尝试将任意(动画)数字应用于缩放功能,但它无法工作......即:

虽然这不起作用,但当将相同的方法应用于对象的 x 位置时,它的动画效果很好。

为了更新对象的缩放,是否需要标记任何内容?

0 投票
1 回答
1670 浏览

tweenjs - 简单 TweenJS:补间 div

我正在尝试使用 TweenJS 做一些非常简单的事情,在使用 GSAP 之后我发现它不太直观。只是想补间一个 div - 已经设置为包含一个图像 - 使用 CSS/HTML:

但这不起作用并且不会引发错误。

0 投票
1 回答
523 浏览

createjs - 如何将 oncomplete 事件添加到从动画 CC 导出器生成的影片剪辑中

我有一个由 Animate CC 创建的画布项目,我需要将“onComplete”事件添加到从 Animate CC 画布项目生成的影片剪辑中,该解决方案来自 createjs 站点:

来自 tweenJs 网站

我不想修改由 Animate CC 生成的 js 文件,但我找不到一种方法来将影片剪辑补间我尝试访问 exportRoot.MyMovieClipInstanceName.timeline 以获取补间但没有锁定

问候

0 投票
1 回答
407 浏览

createjs - 请解释这个 TweenJS 代码

我是 CreateJS 的新手,我使用过这个示例代码,但不太了解它,因为没有代码解释。代码如下:

有人可以为我解释一下吗。一步一步。

此致。