问题标签 [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 回答
605 浏览

three.js - ThreeJS - 如何在“mouseout”上缩小相交对象

n+1在蜂窝网格中有六边形。对象紧密地堆叠在一起。使用此代码:

我已经设法突出显示对象并很好地用补间放大它,但是当我将鼠标从对象移到下一个对象上时(缩放的对象在下一个对象上缩放一点),高光消失了,但规模仍然存在。我如何设法缩小对象?最好有一个补间?

可以在此处找到此代码的笔:https ://codepen.io/phun-ky/pen/erBZZy ,相关部分大约在第 1284 行或搜索INTERSECTED

0 投票
1 回答
136 浏览

createjs - 循环参数未按预期工作

我在舞台上有一个剪辑,其实例名称为testShape. 在第 1 帧中,我有以下代码:

当我运行它时,它会按预期无限循环,但我想要的是它循环三次然后停止并触发一个complete事件。文档说循环参数...

表示循环的次数。如果设置为 -1,补间将连续循环。

这表明我应该能够设置{loop: 3}以实现我想要的结果,但是 0 以外的任何数值只会导致它无休止地循环。

任何人都可以就我做错了什么或如何在完成之前进行 n 次 Tween 循环提出建议吗?

祝大家欢呼

0 投票
1 回答
296 浏览

rotation - 在easeljs/tweenjs 中手动旋转

我一直在手动旋转对象时遇到问题。我想要的是当一个人双击该对象时,它会旋转 20 次(任一侧,我都不挑剔)一次。如果他们再次单击,它会再次旋转 20。但是,它现在根本不会旋转(双击或不旋转)。我在这里做错了什么?

Codepen 链接:https ://codepen.io/AoifeMcNeill/pen/XqyWej?editors=0010

0 投票
0 回答
120 浏览

javascript - 遵循 tween.js 的路径

我正在为游戏构建棋盘,这是一种琐碎的追求,我陷入了死胡同,在玩家掷骰子并且他选择了一个箱子之后,他的 pions 必须向前移动,例如他在案例1,掷骰子后有一个4选择案例3并移动。这是我的问题,使用我的示例,当玩家选择案例 3 时,pions 必须转到案例 2 和 finaly 3,但是使用此代码,我的 pions 直接转到案例 3,老实说,我不知道为什么,这是我的代码:

这是我在玩家点击案例索引时调用的函数:objectif(在我的示例中为 3)a:点的位置 s:骰子的值

0 投票
1 回答
233 浏览

javascript - EaselJs 和 TweenJs:在补间中更改位图的图像

我正在尝试使用烧瓶图像创建动画。我想倒烧瓶,然后把烧瓶换成空的,然后把烧瓶放回原来的位置。我现在的代码如下所示:

根据文件,它说

所以我希望图像 src 属性会改变。但是当我运行我的代码时,位图就消失了,我在那里有一个“不可见”的位图。我知道它仍然存在,因为我有一个跟踪所有位图的数组,它仍然存在,我只是看不到它。当我在控制台中检查图像的 src 值时,它已更改且正确。

我做了一些研究,猜测可能是因为舞台没有更新。这是我的更新阶段代码:

我也尝试在控制台中运行 stage.update() ,但位图仍然不可见。

此外,动画的后半部分似乎仍在工作,除了 Bitmap 没有根据日志显示。

我想知道是否有正确的方法来替换 TweenJs 中的图像?还是有另一种方法来替换动画中间的图像?非常感谢!

0 投票
1 回答
57 浏览

createjs - 围绕中心旋转形状而不影响其位置

我想在这里实现的是在位置 x:0, y:0 创建一个形状

并围绕其中心旋转形状而不更改 regX 和 regY

有没有办法在 CreateJS 中做到这一点,

我想要从左上角移动形状但同时从中心旋转的效果

https://jsfiddle.net/x5nht1am/20/

有没有办法传递 regX&Y 以使补间能够仅在此操作中使用它?

0 投票
2 回答
348 浏览

html - 从中心缩放文本

我对 Canvas 和easeljs 很陌生,我正试图让文本从它的中心按比例缩小。我能够在画布上正确居中文本,但我不确定如何处理 Tween 中的缩放。

我很确定我需要设置 regx/regy,但我不确定我应该在哪里以及应该设置什么。

我在这里做了一个快速的 jsfiddle,没有任何 regx/regy 设置,你可以从左上角看到文本缩放。 https://jsfiddle.net/1woLdrqt/10/

如果有人能指出我正确的方向,我将永远感激不尽!!

谢谢!!

0 投票
1 回答
348 浏览

plugins - 如何在 CreateJS 2.0.0 模块中使用 /plugins/MotionGuidePlugin.js?

我尝试使用以下代码添加插件

它无法正常工作。

0 投票
1 回答
312 浏览

javascript - 倒计时动画循环 - CreateJS / EaselJS / TweenJS

我对 createJS 很陌生 - 我想像倒数计时器动画一样实现:

我偶然发现了这个有这个小提琴的问题- 我想实现这样的目标,但我想创建一个弧形:

我尝试调整代码并更改点值,但它只给了我一个钻石而不是完美的曲线。

我是否需要指出每个值以实现完美的圆圈,例如:

还是有其他方法(可能是函数或插件)来做这些事情?我在他们的文档中找不到任何东西

0 投票
2 回答
201 浏览

createjs - 使用 Createjs 中的 CSS 插件在图像中应用 css 属性

尝试使用 Createjs 中的 CSS 插件更改图像的 css 属性,但我无法这样做。伙计们请帮忙