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

javascript - TweenJS 动画不起作用

我正在开发一种通过更新对象数组来执行动画序列的工具。该数组将具有根据不同要求自定义动画的所有参数。这个工具是用 JavaScript 开发的,并利用 createJS 库和 TweenJS 来为对象设置动画。对象是动态创建和定位的,然后应用补间。Tween 似乎在我的代码中不起作用。

我有下面的整个代码

我在 JSFiddle 中有代码

https://jsfiddle.net/jamesshaji/t4pxzsoo/

0 投票
1 回答
143 浏览

javascript - 创建 JS MotionGuide 无效路径

我正在尝试为 Adob​​e Animate 中的 createjs Tween 排列一系列点。这个想法是让“玩家”对象跟随一组预定的点,但是玩家可以通过点击这些点沿着路径前后移动,因此玩家需要经过的坐标数组每次都可以改变. 我的坐标很好,但是我收到有关路径无效的错误,并检查文档以获取有效路径详细信息(http://www.createjs.com/docs/tweenjs/classes/MotionGuidePlugin.html),我看不到有关路径有效性的详细信息。

谁能告诉我为什么会这样(播放器动画很好):

但以下没有(播放器没有动画,抛出错误:未捕获无效的“路径”数据,请参阅有效路径的文档):

我已经让各种动画工作得很好,但是 MotionGuide 插件似乎对我传入的坐标有问题。我做了很多测试,似乎找不到使一组坐标有效的模式或无效。

谢谢!

0 投票
0 回答
991 浏览

javascript - 在 CreateJS 中使粒子爆炸更逼真

我的目标是创建一个半真实的粒子效果,基本上看起来像五彩纸屑爆炸。

我目前遇到的问题:

  1. 缓动 - 我尝试了多种不同的缓动效果,但无法做到正确。我想象粒子快速向上飞行,在顶部停留一小段时间,然后慢慢下降。
  2. 太线性 - 粒子以明显的直线移动。有什么办法可以让这些看起来像是沿着弯曲的路径移动?
  3. 旋转 - 我希望粒子旋转一点,但是当我添加旋转补间时,它似乎围绕一个奇怪的原点旋转。我如何让粒子围绕它们的中心旋转?

工作 JSFiddle

我最近一直在使用 GSAP,我还想知道是否有办法在前一个结束之前在时间轴中开始补间?

0 投票
1 回答
464 浏览

createjs - 使用 CreateJS gang 添加淡出

我正在寻找一种使用 CreateJS 设置淡入和淡出的方法。我对 CreateJS 完全陌生,我希望创建一个包含 2 个不同布局的小广告,每个布局都有一些小布局,它们将通过幻灯片显示或淡入淡出动画。这是我的尝试,我不确定我所做的是否正确,但有些步骤有效,有些则无效。任何帮助都非常受欢迎。

我确切地说我正在使用:

  • 预加载JS
  • 画架JS
  • 吐温JS

感谢大家

HTML:

JS:

0 投票
0 回答
611 浏览

javascript - CreateJS 中的内存泄漏

我用 CreateJS 创建了一个浏览器游戏。我遇到的问题是,当游戏打开时,随着时间的推移,它开始吃越来越多的内存。即使我在游戏中什么都不做——当没有什么新东西被吸引到舞台上时,它也会这样做。我在 Chrome 中拍摄了内存使用情况的快照,它在游戏刚打开的大约 10 分钟内从 14mb 跃升至 90mb。

当我在控制台中运行以下行时:

内存泄漏停止。所以我的问题是,为什么 createjs Ticker(它调用阶段的更新方法)会导致每次运行时使用的内存量增加?

0 投票
1 回答
1641 浏览

javascript - 如何延迟 Tween.js 动画直到单击按钮?(三.js)

我想这样做,以便我的相机的补间动画仅在单击对象时开始。这个对象可以是我的 three.js 场景中的一个对象,或者只是一个 HTML 按钮。这是我的相机动画代码,它有效:

我不想将动画延迟三秒钟,而是想检测何时单击了 mouse1 按钮,然后开始动画。不确定如何执行此操作,或者是否有更简单的替代方法?

0 投票
1 回答
173 浏览

jquery-animate - 视差滑动长动画剪辑 Animate CC 和 TweenJs

我正在 Animate CC 中创建一个滑动影片剪辑。我有一个 19200 像素宽的影片剪辑。当单击右箭头时,如何将动画剪辑 1920 向左 TweenJS 以及单击向左箭头时如何将相同的动画剪辑 1920 向右 TweenJS?

这是我目前在 Animate CC HTML5 Canvas 中的内容:

0 投票
1 回答
510 浏览

tweenjs - Tweenjs 重复补间中的随机值

探索 Tweenjs。我只想在舞台周围随机移动一些圆圈。我知道所有补间都是“确定性的”,这意味着它使用预先计算的速度值。所以我有两个互相调用的函数。补间完成时调用第二个函数。不幸的是,我收到了调用堆栈溢出错误。

我怎样才能让它永远运行并将圆圈无休止地移动到随机位置?

0 投票
1 回答
175 浏览

createjs - TweenJS rect 命令“从中心增长”

这里是 createjs 的新手:

创建了这个小提琴:example。我希望矩形从中心而不是从左上角生长。我找不到任何帮助,我不知道要搜索什么。

代码:

谢谢。

0 投票
2 回答
42 浏览

easeljs - 按点旋转(左下角)

如何在位图中逐点旋转?我需要左下角旋转手。

补间js,画架js

在此处输入图像描述

谢谢。