问题标签 [animation]

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 投票
2 回答
2435 浏览

javascript - 是否有一些 dojo.fx.sleep 函数可以在 dojo.fx.chain 动画中使用?

我想fadeIn超过一秒钟的节点。然后让它保持 10 秒钟。然后再fadeOut持续 3 秒。一种链接方式如下:

在前面的代码中,中间步骤是一种非常愚蠢的一事无成的方法。是否有某种dojo.fx.sleep动画在指定的时间内什么都不做?

0 投票
4 回答
1980 浏览

javascript - Javascript:如何撤消 element.style 的设置?

我的文档中有一个元素,该元素具有通过常规 CSS 规则设置的背景颜色和图像。

当某个事件发生时,我想为该项目设置动画,突出显示它(我正在使用 Scriptaculous,但这个问题适用于任何会做同样事情的框架)。

我面临的问题是动画完成后,元素留下以下样式(根据 FireBug):

它覆盖了 CSS 规则,因为它是在元素级别设置的,所以我失去了该项目曾经拥有的背景......

我想要做的是,在动画完成后我正在运行的回调函数中,将样式属性设置为使它们“消失”的值。

我想弄清楚的是在“xxxx”中放入什么(或者如何以不同的方式做同样的事情)。
我尝试了'auto'、'inherit'和''(空白字符串),但都没有奏效(我没想到它们会起作用,但我在这里一无所知)。

我也试过:elHighlight.style = ""; 不出所料,这引发了异常。

我能做些什么来克服这个问题?
我知道我可以在我突出显示的元素内放置一个跨度并突出显示该跨度,但我希望我能够避免额外无用的标记。

谢谢!

0 投票
4 回答
25766 浏览

iphone - 如何在 cocos2d 中使用动画?

我正在尝试为 iPhone 开发轮盘游戏。如何动画(旋转)轮盘?

0 投票
4 回答
2713 浏览

iphone - 如何在 iPhone 上手动制作动画?

我在 iPhone 上设置了一个非常简单的“游戏”。物体四处移动,旋转,您可以与它们进行交互等。在模拟器中,它运行良好,但在设备上它达到 0.25 FPS 左右,而且速度非常慢,显然没有时间识别触摸。

这最初只是使用带有Items 数组的 UIView,每个数组都有一个 Tick 和一个 Draw 函数。在应用程序开始时,我启动了一个以 60 FPS 拍摄的 Timer,它调用 Tick,在 Tick 结束时,它调用[self setNeedsDisplay];

它工作得非常慢,所以我把这个Item类变成了这个类的一个子CALayer类,移动图层而不是重绘项目。但是,我是CALayer逐帧手动移动的,这显然不好。还是太慢了。所以我告诉它移动到它的最终目的地,并给它一个与到达那里所需的滴答数相等的长度。

这没问题,但是在某些情况下,如果您与某物交互,它应该停止以这种方式移动并转而做其他事情。所以我回到移动每个刻度,而不是仅仅设置新位置,我还将它包装在一个 CATransaction 中,并赋予交易与刻度相同的长度。

工作正常,但出现了新问题:如果我想为某些东西制作动画,我仍然必须在每个滴答声中使用 [self setNeedsDisplay] ,它调用drawInContext:,这似乎是一个主要的减速问题。

难道没有一种方法可以像我以前那样手动绘制所有内容吗?我只是在进行 CGContext* 调用,它在模拟器中运行良好!如果我在 J2ME 或嵌入式 C++ 中实现类似的东西,它会工作得很好。我错过了什么?我真的需要学习 OpenGL 来制作任何有趣的手动动画吗?

0 投票
3 回答
3949 浏览

.net - 在 winform 应用程序中模拟 ajax 加载器

我有一个 winform 应用程序,它根据用户选择呈现一些图表。我想模拟一个 ajax 样式加载器,这样当用户进行选择时,表单上会有一个叠加层,中间有一个动画。实现这一目标有哪些选择?我正在考虑在中心加载一个带有动画(gif)的面板,添加一些不透明度。

编辑~有人吗?

编辑〜是我找到的解决方案......终于!没有WPF废话。

0 投票
2 回答
10201 浏览

jquery - 跨多个元素的 jQuery 动画队列

这个问题类似于关于动画队列的问题,但该线程中的答案非常具体,不容易概括。

在我的 Web 应用程序中,通过输出 a 向用户报告消息(信息框、错误和警告等)divclass="alert"例如:

页面上可能有任意数量的警报,具体取决于用户的操作。

我想要的是使用 jQuery 动画顺序显示每个警报框:一旦一个动画结束,下一个动画就会开始。

另一个问题的答案说使用回调,例如:

除非要制作动画的 div 数量未知,否则这将不起作用。任何人都知道实现这一目标的方法吗?

0 投票
2 回答
2506 浏览

wpf - 绑定到动画属性 (WPF)

有谁知道,是否有办法使用动画属性作为绑定的源?据我所知,动画并没有“真正”设置属性的值,因此不会触发更改的事件,这是触发绑定所必需的。

蒂亚·马丁

0 投票
1 回答
1445 浏览

jquery - 使用我在 jQuery 中的切换功能为图像设置动画

我已经制作了Toggle()交替图像的功能(按下时将图像更改为不同的颜色)。

我现在想为图像设置动画,所以基本上调用我的Toggle()函数,但在调用之间留有时间延迟,使其看起来像过渡/动画。

最好的方法是什么?

注意:我已经有了函数代码,我只需要一种方法来调用具有时间延迟等的函数。

0 投票
2 回答
1498 浏览

wpf - WPF 编辑资源

嗨,有什么方法可以从代码或通过某些绑定更改资源画笔?我想要做的是在单击按钮时更改“主”画笔的颜色。

非常感谢!

编辑:

它是一个 GradientBrush 我如何改变它的颜色?

只是给了我一个例外......有没有办法让颜色变化产生动画效果,比如故事板?

0 投票
2 回答
1085 浏览

wpf - WPF:以一定角度平移画布

参考我目前正在构建的这个编程游戏。

重要提示:向下滚动查看[编辑]

用户可以在我的游戏中调用的一些方法将是对机器人进行 Translate Transform 的方法(Canvas基本上是一个)。

从 move 方法中,我知道了 Robot 当时将要面对的航向(角度),也知道 Robot 想要移动的像素长度。

现在,我面临的问题是如何将画布(在计时器中)平移到当前的面向角度?

替代文字 http://img8.imageshack.us/img8/3606/robottranslatemovementfu3.jpg

一定有一些我在这里遗漏的数学,但我只是不知道在每个 Timer 滴答声中要解决什么问题。

这是被调用的方法,它包含每 5 毫秒计时一次的计时器,为运动设置动画:


[重要编辑]

我现在已经更改了我的逻辑,使用 WPFBeginAnimation而不是自动收报机来为我制作动画。所以现在我不需要计算每个刻度的新坐标,但我只提供结束坐标,然后BeginAnimation将在一段时间内转换它:

所以现在,给定画布当前旋转的角度(0-359),起始x和y坐标(画布当前所在的位置)和距离,我如何计算结束坐标?


更新:解决方案