问题标签 [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.
javascript - TweenJS 动画不起作用
我正在开发一种通过更新对象数组来执行动画序列的工具。该数组将具有根据不同要求自定义动画的所有参数。这个工具是用 JavaScript 开发的,并利用 createJS 库和 TweenJS 来为对象设置动画。对象是动态创建和定位的,然后应用补间。Tween 似乎在我的代码中不起作用。
我有下面的整个代码
我在 JSFiddle 中有代码
javascript - 创建 JS MotionGuide 无效路径
我正在尝试为 Adobe Animate 中的 createjs Tween 排列一系列点。这个想法是让“玩家”对象跟随一组预定的点,但是玩家可以通过点击这些点沿着路径前后移动,因此玩家需要经过的坐标数组每次都可以改变. 我的坐标很好,但是我收到有关路径无效的错误,并检查文档以获取有效路径详细信息(http://www.createjs.com/docs/tweenjs/classes/MotionGuidePlugin.html),我看不到有关路径有效性的详细信息。
谁能告诉我为什么会这样(播放器动画很好):
但以下没有(播放器没有动画,抛出错误:未捕获无效的“路径”数据,请参阅有效路径的文档):
我已经让各种动画工作得很好,但是 MotionGuide 插件似乎对我传入的坐标有问题。我做了很多测试,似乎找不到使一组坐标有效的模式或无效。
谢谢!
javascript - 在 CreateJS 中使粒子爆炸更逼真
我的目标是创建一个半真实的粒子效果,基本上看起来像五彩纸屑爆炸。
我目前遇到的问题:
- 缓动 - 我尝试了多种不同的缓动效果,但无法做到正确。我想象粒子快速向上飞行,在顶部停留一小段时间,然后慢慢下降。
- 太线性 - 粒子以明显的直线移动。有什么办法可以让这些看起来像是沿着弯曲的路径移动?
- 旋转 - 我希望粒子旋转一点,但是当我添加旋转补间时,它似乎围绕一个奇怪的原点旋转。我如何让粒子围绕它们的中心旋转?
我最近一直在使用 GSAP,我还想知道是否有办法在前一个结束之前在时间轴中开始补间?
createjs - 使用 CreateJS gang 添加淡出
我正在寻找一种使用 CreateJS 设置淡入和淡出的方法。我对 CreateJS 完全陌生,我希望创建一个包含 2 个不同布局的小广告,每个布局都有一些小布局,它们将通过幻灯片显示或淡入淡出动画。这是我的尝试,我不确定我所做的是否正确,但有些步骤有效,有些则无效。任何帮助都非常受欢迎。
我确切地说我正在使用:
- 预加载JS
- 画架JS
- 吐温JS
感谢大家
HTML:
JS:
javascript - CreateJS 中的内存泄漏
我用 CreateJS 创建了一个浏览器游戏。我遇到的问题是,当游戏打开时,随着时间的推移,它开始吃越来越多的内存。即使我在游戏中什么都不做——当没有什么新东西被吸引到舞台上时,它也会这样做。我在 Chrome 中拍摄了内存使用情况的快照,它在游戏刚打开的大约 10 分钟内从 14mb 跃升至 90mb。
当我在控制台中运行以下行时:
内存泄漏停止。所以我的问题是,为什么 createjs Ticker(它调用阶段的更新方法)会导致每次运行时使用的内存量增加?
javascript - 如何延迟 Tween.js 动画直到单击按钮?(三.js)
我想这样做,以便我的相机的补间动画仅在单击对象时开始。这个对象可以是我的 three.js 场景中的一个对象,或者只是一个 HTML 按钮。这是我的相机动画代码,它有效:
我不想将动画延迟三秒钟,而是想检测何时单击了 mouse1 按钮,然后开始动画。不确定如何执行此操作,或者是否有更简单的替代方法?
jquery-animate - 视差滑动长动画剪辑 Animate CC 和 TweenJs
我正在 Animate CC 中创建一个滑动影片剪辑。我有一个 19200 像素宽的影片剪辑。当单击右箭头时,如何将动画剪辑 1920 向左 TweenJS 以及单击向左箭头时如何将相同的动画剪辑 1920 向右 TweenJS?
这是我目前在 Animate CC HTML5 Canvas 中的内容:
tweenjs - Tweenjs 重复补间中的随机值
探索 Tweenjs。我只想在舞台周围随机移动一些圆圈。我知道所有补间都是“确定性的”,这意味着它使用预先计算的速度值。所以我有两个互相调用的函数。补间完成时调用第二个函数。不幸的是,我收到了调用堆栈溢出错误。
我怎样才能让它永远运行并将圆圈无休止地移动到随机位置?