问题标签 [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.
createjs - 如何在 tweenjs 中使用时间轴
文档 说:
Timeline Timeline 类同步多个补间并允许将它们作为一个组进行控制。
但没有示例如何使用它。如果我创建一个时间线
不再呈现任何形状。
Timeline 是 TweenMax 中的一个很棒的功能,我也喜欢在画布中使用它。
javascript - CreateJS:TweenJS 时间线补间多次更改属性而无需链接
在这个例子中,预期的结果是让圆先淡出然后淡入。这适用于链接。片段中的注释行
如果我将它们分成对同一对象的 2 个单独的调用,它将不起作用。回调不是一种选择,因为在淡入和淡出圆之间可能有其他孩子的补间。
Tweenjs 似乎覆盖了所有其他以前的属性更改并只保留最后一个。对此有何建议?
variables - 如何使用变量设置补间持续时间?
所以...可以使用变量来设置补间持续时间吗?
javascript - CreateJS 无法读取属性“获取” - TweenJS 演示
我试图设置 Tween JS 的基本演示,我收到错误:未捕获的类型错误:无法读取未定义的属性 'get'
JS
javascript - createjs - 结束标签动画检测
我用 Adobe AnimateCC 创建了一些补间动画,这个动画有 3 个标签:
从控制台我可以得到它:
问题是:如果我触发animation_1,将触发animation_1、2和3。如果我触发animation_2,将触发animation_2和3。
如何检测每个标签的最终结果,以便在此标签动画完成时设置回调?
然后检测此标签何时完成。
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.
HTML
JS
javascript - 使用 Tween.js 使用 Paper.js 缩放栅格
我认为我遇到了与此类似的问题,因为我无法解决(或知道它是否存在),因此我可以访问应用于给定对象(在我的实例中为栅格)的缩放。
我需要知道这一点,这样我才能通过 Tween.js 为缩放设置动画。
任何人都有任何想法或知道是否确实有可能找出应用于栅格(或任何)对象的当前缩放比例?
我认为这是 Rasters 的问题,所以我尝试对 Path 和 Group 的 scale 属性进行补间,但我无法访问这些值以对其进行动画处理。
因为我使用的是 Tween.js,所以不能简单地使用 object.scale(value) 函数。
更新
我什至尝试将任意(动画)数字应用于缩放功能,但它无法工作......即:
虽然这不起作用,但当将相同的方法应用于对象的 x 位置时,它的动画效果很好。
为了更新对象的缩放,是否需要标记任何内容?
tweenjs - 简单 TweenJS:补间 div
我正在尝试使用 TweenJS 做一些非常简单的事情,在使用 GSAP 之后我发现它不太直观。只是想补间一个 div - 已经设置为包含一个图像 - 使用 CSS/HTML:
但这不起作用并且不会引发错误。
createjs - 如何将 oncomplete 事件添加到从动画 CC 导出器生成的影片剪辑中
我有一个由 Animate CC 创建的画布项目,我需要将“onComplete”事件添加到从 Animate CC 画布项目生成的影片剪辑中,该解决方案来自 createjs 站点:
我不想修改由 Animate CC 生成的 js 文件,但我找不到一种方法来将影片剪辑补间我尝试访问 exportRoot.MyMovieClipInstanceName.timeline 以获取补间但没有锁定
问候
createjs - 请解释这个 TweenJS 代码
我是 CreateJS 的新手,我使用过这个示例代码,但不太了解它,因为没有代码解释。代码如下:
有人可以为我解释一下吗。一步一步。
此致。