问题标签 [tween]

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 回答
1533 浏览

iphone - 如何在 iPhone 上的 OpenGL 中执行补间动画?

我对 OpenGL 和使用图形元素进行编程非常陌生。

目前我有一个使用由另一部分代码生成的顶点映射的纹理——这四个代表角的点每秒变化几次。在实现时,随着计时器上四个角点的改变,该图像将突然“出现”在不同的位置并形成不同的形状。

我希望对象快速移动并改变形状以占据程序给出的新点——我希望这能顺利发生(所以它会在这些提供的位置之间浮动/形状)。

有什么方法可以在 OpenGL 中进行类似的运动/形状补间?如果是这样,我在哪里可以找到文档,或者更好的是示例?我很难找到或理解这种事情。

编辑:另外 - 我使用另一种方法没有问题,它不需要是 OpenGL。这在使用 BasicAnimation 的 Core Animation 中做得更好吗?如果是这样,这种转型的资源在哪里?形状是四边形,但不一定是正方形或矩形,所以我需要能够指定每个角点。

0 投票
1 回答
147 浏览

actionscript-3 - ActionScript - 补间问题

以下代码返回以下运行时错误。为什么?

代码:

运行时错误:

0 投票
1 回答
2409 浏览

c++ - 使用 C++ 创建补间函数?

应该如何创建一个使用 C++ 补间的接口?例如,我想使用静态函数调用在 5 秒内淡化一张图片,例如:

我有一个硬编码设置,它为需要执行的每个补间操作创建一个对象。我一直在使用 DeltaTime 变量来跟踪自程序启动以控制逻辑等以来已经过去了多少时间。我已经包含了一个示例(不那么精致)来向您展示我正在尝试做的事情:

示例逻辑循环:

补间类示例:

任何帮助是极大的赞赏。谢谢!

0 投票
1 回答
254 浏览

flash - 将 TweenMax 与在 Flash IDE 中创建的过滤器一起使用

有没有办法让 TweenMax 对在 Flash IDE 中添加过滤器的 DisplayObject 的过滤器进行补间。

我想在两个状态之间进行补间,如果我可以做到这一点而不用位图创建两个状态并在它们之间进行补间,那就太好了。一种有过滤器的状态,一种没有过滤器的状态。

0 投票
3 回答
6672 浏览

animation - 没有补间的 CSS3 Sprite 动画

请阅读以下内容以了解我的最终编辑!

是否可以在没有帧之间动画的情况下使用 CSS3 动画?

例如,我有一个图像,上面有两个角色动画精灵。它们均匀间隔 50 像素。当我使用下面的动画时,我仍然得到一个补间(虽然一个非常快的补间,所以它看起来像一个闪烁)。

所以基于上述,精灵帧应该在图像的第一部分(x = 0px)上保持前 0-49% 的持续时间,然后跳转到图像的第二部分(x = -50px)为 50-100%。但是,1% 的差异仍然足以直观地看到从 0 到 -50px 的补间。

想法?

编辑:

上面似乎把它理顺了一点,但过了一会儿又开始闪烁。

编辑:我没有意识到你可以使用小数和百分比。将差距从 1% 缩小到 0.1% 会创建一个更快的补间,这几乎是不可见的(-webkit-animation-duration:< 1s;)

最终编辑!: 好的,所以从我发现的 web-kit 动画百分比将接受小数到百万位(即 0.0001)。在相对较快的动画计时器上,这将导致瞬时平移。我想有点破解,但它的伎俩。

例子:

上面的例子是一个 100 像素的图像(图像上的每个精灵都是 50 像素宽)在一个容器 div 中,width: 50px并且overflow:hidden一次只显示一个图像的精灵。

注意:我使用 translate3d 是因为它在 translateX、translateY、translateZ 尚未硬件加速的移动浏览器中进行了硬件加速。

0 投票
1 回答
399 浏览

xml - XML 菜单中的 Actionscript 3 事件目标

我有一个运行良好的 Image XML 菜单,但在 TweenMax 中的目标有点问题。我将只发布与解决问题相关的代码,我希望 :D 。

我在库中有一个MC,里面有 3 个电影剪辑,img_mcbg_mc(这是文本的背景)和title_mc(在这个 mc 里面我有一个名为title-txt的文本字段)。

我为MC创建了一个 for 循环,并在我的补间动画中使用了 e.currentTarget。

当我悬停时,title_mc应该缩放背景,但是因为bg_mc在文本后面,所以悬停不起作用。我不知道如何将title_mc 定位为 MOUSE:OVER 缩放bg_mc

重要的代码片段:

动画事件:

这最后一段代码不起作用,因为 title_mc 超过了 bg_mc。

如果我放入事件 MC.container_mc.title_mc.addEventListener(MouseEvent.MOUSE_OUT, out_bg); 文本也会缩放,我不想要这个......

谢谢

0 投票
1 回答
469 浏览

actionscript-3 - AS3 Tween 动态创建的对象以及其他对象

我正在尝试将 Sprite 动态添加到已经补间的 MovieClip(在 Flash 时间轴上补间)。假设 ObjectA 是补间对象,我在我的 swc 中发布了它,并将它链接到我在 Flash Builder 中的 Actionscript 项目。我在我的类中创建了一个 ObjectA 的实例,然后尝试执行以下操作:

var objectA:ObjectA = new ObjectA(); var objectB:ObjectB = new ObjectB();

objectA.addChild(objectB); addChild(objectA);

现在,问题是,objectB 不与 objectA 一起补间。有什么合乎逻辑的解决方案吗?

在此先感谢,詹妮弗

0 投票
1 回答
403 浏览

flash - 我可以使用 Flash 生成一个连续的 PNG spritesheet 吗?

如果我有一个带有一系列形状和补间动画的复杂时间线动画,是否可以将所有单独的帧导出为一个巨大的 PNG 表中的一系列精灵?

有一个很棒的 jQuery 插件,叫做jBlitter,它接受这样的 PNG spritesheets,并将它们变成动画按钮或其他 UI 元素。

0 投票
3 回答
1972 浏览

android - 用于 2D 游戏的复杂 android 动画:什么方法?

我正在为 Android(和后来的 iPhone)开始一个 2D 游戏。我想在屏幕上为动物制作动画(想想卡通狗)。这样做的最佳方法是什么?我是否应该使用 Android 的内置补间 api,并将它们混合以获得良好的动画序列(缩放、平移、旋转)。有什么工具可以帮助我做到这一点吗?是否可以在 Flash 中制作动画并“导入”动画序列(可能通过 AS3 生成?)

否则我应该用空白画布“手工”做这个并写下所有的绘制逻辑吗?

我只是想以最快的方式为我的角色制作动画(如果我需要为 1 个复杂的动画编写 20 小时的代码,我不确定我会走多远)。

谢谢 :)

0 投票
1 回答
702 浏览

actionscript-3 - 如何知道悠悠球何时结束?

我想trace("test")在悠悠球结束时显示一个

如何知道悠悠球何时结束?

我正在使用 AS3