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

javascript - 在 Tween.js 中为多个对象链接补间

所以我有一大堆easel.js 对象,我将它们保存在一个数组中。

我想为每个对象链接一组补间然后,当每个补间链完成时,重置补间的属性并重新开始。这是我到目前为止所得到的:

问题是 resetTween 似乎同时停止了所有剪辑的补间。我认为用这样的补间设置每个对象:

将保持每个对象的补间独立。当它到达最后时,它将调用重置函数,该函数将为该对象删除补间,然后重新运行设置,再次仅针对该对象,使用新的随机值再次启动补间。

为什么重置似乎只影响数组中的最后一个对象而不是为每个对象独立工作的任何想法(nb,所有数组对象第一次工作,但重置似乎重置了所有对象,然后只在数组中的最后一个对象)。

干杯,A.:

e2a:已排序。文档读取失败。感谢下面的回答!:o)

0 投票
1 回答
211 浏览

canvas - createjs优化画布重绘

据我了解,我有两种控制画布重绘的方法,因此它们不会在没有动画的情况下简单地持续运行。

设置一个检查条件的函数:

或者,侦听补间对象的“更改”事件并在该事件上重绘舞台:

它们看起来都很乏味,但第二个似乎更容易。一个比另一个性能更好吗?如果是第二个,有没有办法简单地将 Tween 类扩展为总是这样做?为什么不是这种情况?

编辑:基本上我试图避免这样做:

因为我读的不好。所以,我有几个应用程序使用它,现在我试图在滴答期间打开和关闭重绘,它变得一团糟......由于交互性,一些功能正在关闭滴答->重绘其他动画未完成。这是一场噩梦。

0 投票
2 回答
1279 浏览

jquery - 动画后如何在 HTML5 中播放声音?

我很难在我目前正在开发的游戏中播放声音。

我需要在动画之后播放声音,但是当我尝试调用 sound.play() 时。

浏览器声明您只能使用人类手势播放声音?

谁有一些技巧,请在这里分享。谢谢。

已添加 =============

我在移动设备中遇到了这个问题。

0 投票
1 回答
489 浏览

javascript - 避免 createjs 拦截点击画布

我在网页上创建了一个画布。画布对于某些对象是透明的。在画布下有一些不属于 createjs 阶段的按钮。

我想让那个按钮工作,因为画布区域在按钮上方(画布透明)我不能点击按钮。

有没有办法禁用鼠标处理或可以将事件传递给 createjs 画布下的对象?请查看图像,圆形灰色按钮不可点击,因为画布在按钮上方(即使是透明的)。我无法调整画布大小。

在此处输入图像描述

0 投票
0 回答
318 浏览

javascript - Three.js 使用 tweenjs 动画 absarc

我目前正在通过多次调用此函数在three.js中创建一个饼图,该函数为每个数据创建一个段并传递特定段的起始角度和结束角度。

我想shape用 tween.js 对绘图进行动画处理,但我不知道如何使用补间缓动而不是绘制段的 absarc?是否可以将开头的absarc设置为零,然后在补间内绘制?

为了让您了解我在想什么动画,请查看此站点和此处的动画http://canvasjs.com/html5-javascript-pie-chart/ 我希望饼图能够逐个绘制每个段一。目前,饼图被绘制并立即渲染,因此没有动画。

0 投票
0 回答
303 浏览

javascript - 如何在三个 js 中添加 Tween js?

你好我想问一些关于 Tween js 和 Three js 的事情。实际上我已经创建了粒子,它可以通过使用三个 js 开始旋转。

完整的粒子

但是当我添加这个编码时,旋转就会停止。我被添加到那里的粒子渲染中。

我能知道是什么问题吗?等待回复。谢谢

0 投票
0 回答
199 浏览

javascript - 改变补间的方向

使用 tweenJS,我设置了一个矩形来缓慢收缩,但是,它是从下向上收缩的,而我希望它是从上到下的。有谁知道如何做到这一点?

https://jsfiddle.net/ra10x0d3/1/

谢谢!!

0 投票
1 回答
302 浏览

javascript - 一个元素上的多个补间

我有一个通过补间慢慢缩小的栏。我想要两个按钮来控制这个栏的方向,这样如果我点击“向上”,栏会开始爬回原来的形状,“向下”会导致它再次开始收缩。

https://jsfiddle.net/rgg8p9k6/

我不确定一个补间是否有可能影响另一个对象留下的状态,因为当我点击“向上”时,栏会跳到它的原始位置。

谢谢您的帮助!

0 投票
1 回答
1136 浏览

javascript - 三个 js 中的补间 js

想请教一下关于三个js中的tween js的一些问题。这是粒子形成的编码,如下图所示:

图 1

从这里开始,这是补间编码,当点击粒子时,粒子将四处移动。但是,我的粒子似乎无法补间。我能知道我在编码中遗漏了什么以及我遇到了什么问题吗?

0 投票
0 回答
561 浏览

javascript - TweenJS 多个目标上的多个补间

我正在使用 Tweenjs 并遇到以下问题;

我已经建立了一个 createJS “容器”,其中有一个名为“myimage”的图形</p>

这个想法是将容器内的 myimage 补间到新的 x 和 y 位置。之后应将容器旋转一个角度。

目前我有以下两个功能;

目前,每个功能(用于测试目的)都链接到一个单独的按钮,可用于触发它们。他们自己工作得很好。

但是,如果我尝试将它们组合在一个函数中

我发现它myimage在容器内移动得很好,但不是将旋转应用于容器,而是应用于myimage容器内部。