问题标签 [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.
three.js - ThreeJS - 如何在“mouseout”上缩小相交对象
我n+1
在蜂窝网格中有六边形。对象紧密地堆叠在一起。使用此代码:
我已经设法突出显示对象并很好地用补间放大它,但是当我将鼠标从对象移到下一个对象上时(缩放的对象在下一个对象上缩放一点),高光消失了,但规模仍然存在。我如何设法缩小对象?最好有一个补间?
可以在此处找到此代码的笔:https ://codepen.io/phun-ky/pen/erBZZy ,相关部分大约在第 1284 行或搜索INTERSECTED
。
createjs - 循环参数未按预期工作
我在舞台上有一个剪辑,其实例名称为testShape
. 在第 1 帧中,我有以下代码:
当我运行它时,它会按预期无限循环,但我想要的是它循环三次然后停止并触发一个complete
事件。文档说循环参数...
表示循环的次数。如果设置为 -1,补间将连续循环。
这表明我应该能够设置{loop: 3}
以实现我想要的结果,但是 0 以外的任何数值只会导致它无休止地循环。
任何人都可以就我做错了什么或如何在完成之前进行 n 次 Tween 循环提出建议吗?
祝大家欢呼
rotation - 在easeljs/tweenjs 中手动旋转
我一直在手动旋转对象时遇到问题。我想要的是当一个人双击该对象时,它会旋转 20 次(任一侧,我都不挑剔)一次。如果他们再次单击,它会再次旋转 20。但是,它现在根本不会旋转(双击或不旋转)。我在这里做错了什么?
Codepen 链接:https ://codepen.io/AoifeMcNeill/pen/XqyWej?editors=0010
javascript - 遵循 tween.js 的路径
我正在为游戏构建棋盘,这是一种琐碎的追求,我陷入了死胡同,在玩家掷骰子并且他选择了一个箱子之后,他的 pions 必须向前移动,例如他在案例1,掷骰子后有一个4选择案例3并移动。这是我的问题,使用我的示例,当玩家选择案例 3 时,pions 必须转到案例 2 和 finaly 3,但是使用此代码,我的 pions 直接转到案例 3,老实说,我不知道为什么,这是我的代码:
这是我在玩家点击案例索引时调用的函数:objectif(在我的示例中为 3)a:点的位置 s:骰子的值
javascript - EaselJs 和 TweenJs:在补间中更改位图的图像
我正在尝试使用烧瓶图像创建动画。我想倒烧瓶,然后把烧瓶换成空的,然后把烧瓶放回原来的位置。我现在的代码如下所示:
根据文件,它说
所以我希望图像 src 属性会改变。但是当我运行我的代码时,位图就消失了,我在那里有一个“不可见”的位图。我知道它仍然存在,因为我有一个跟踪所有位图的数组,它仍然存在,我只是看不到它。当我在控制台中检查图像的 src 值时,它已更改且正确。
我做了一些研究,猜测可能是因为舞台没有更新。这是我的更新阶段代码:
我也尝试在控制台中运行 stage.update() ,但位图仍然不可见。
此外,动画的后半部分似乎仍在工作,除了 Bitmap 没有根据日志显示。
我想知道是否有正确的方法来替换 TweenJs 中的图像?还是有另一种方法来替换动画中间的图像?非常感谢!
createjs - 围绕中心旋转形状而不影响其位置
我想在这里实现的是在位置 x:0, y:0 创建一个形状
并围绕其中心旋转形状而不更改 regX 和 regY
有没有办法在 CreateJS 中做到这一点,
我想要从左上角移动形状但同时从中心旋转的效果
https://jsfiddle.net/x5nht1am/20/
有没有办法传递 regX&Y 以使补间能够仅在此操作中使用它?
html - 从中心缩放文本
我对 Canvas 和easeljs 很陌生,我正试图让文本从它的中心按比例缩小。我能够在画布上正确居中文本,但我不确定如何处理 Tween 中的缩放。
我很确定我需要设置 regx/regy,但我不确定我应该在哪里以及应该设置什么。
我在这里做了一个快速的 jsfiddle,没有任何 regx/regy 设置,你可以从左上角看到文本缩放。 https://jsfiddle.net/1woLdrqt/10/
如果有人能指出我正确的方向,我将永远感激不尽!!
谢谢!!
plugins - 如何在 CreateJS 2.0.0 模块中使用 /plugins/MotionGuidePlugin.js?
我尝试使用以下代码添加插件
它无法正常工作。
createjs - 使用 Createjs 中的 CSS 插件在图像中应用 css 属性
尝试使用 Createjs 中的 CSS 插件更改图像的 css 属性,但我无法这样做。伙计们请帮忙