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

wpf - Scrolling credits screen in WPF... ideas?

I'm looking to create a (possibly 3D) scrolling credits screen for my app, that is similar to what you might see at the end of a movie, but should be able to include graphics, animations, etc.

What is the best way to go about doing this? I'm thinking I could create a very tall UserControl that contains the entire content to scroll and then just animate it inside a ScrollViewer, or even just a Canvas and animate the position, but there are obvious performance issues with doing something like that and I'm afraid it would be too slow.

It would be cool if the credits could scroll on a 3D surface, kind of like Star Wars, or with a fisheye effect, but I know squat about 3D in WPF.

I do definitely want some kind of fading/alpha-blending so the credits appear to fade in at the bottom and/or fade out at the top, but I'm also stuck on how to do that.*

**Actually, for that I guess I could overlay some semitransparent gradient, so long as the background was a solid color.*

0 投票
3 回答
31584 浏览

wpf - 在 WPF 中滑动面板的最佳方法是什么?

我制作了一个相当简单的 UserControl(请原谅我的 Xaml,我只是在学习 WPF),我想将它滑出屏幕。为此,我正在为平移变换设置动画(我还尝试将面板设置为画布的子项,并以相同的结果设置 X 位置的动画),但面板移动非常不稳定,即使在相当快的新计算机上也是如此。什么是滑入和滑出的最佳方法(最好使用 KeySplines 以便它随着惯性移动)而不会产生急动。我的面板上只有8个按钮,所以我认为不会有太大问题。

这是我正在使用的 Xaml,它在 Kaxaml 中运行良好,但非常不稳定和缓慢(以及在 WPF 应用程序中编译运行时非常不稳定和缓慢)。

0 投票
2 回答
1180 浏览

flash - Haxe:没有帧的关键帧动画

我想在 Haxe (flash9) 中做简单的(循环)动画(移动、改变 alpha 等)。我的库中没有任何类似于框架的东西,只有单帧资产。

因为我是初学者。我不一定要寻找一个复杂的框架。我会对快速而肮脏的东西感到满意。也许if检查frame(类变量)并线性插值值。

我知道关键帧动画的基本思想。我正在寻找更多关于如何构建这部分程序的内容。

你能给我一些关于我应该如何进行的指示吗?

0 投票
7 回答
23878 浏览

jquery - jQuery animate() 和浏览器性能

我有一些元素在页面上移动得非常缓慢。本质上,我在 40 秒左右的时间内减少了两个图像的左边距。

从视觉上看,它工作得很好。但是,我的处理器在动画期间的使用率跃升至 50% 左右。这也不是特定于任何单一浏览器的——在 Safari3 和 Firefox3 上也是如此。如果我让两个浏览器都运行该页面,我的 CPU 会以大约 95% 的使用率尖叫。

我正在使用 jQuery 1.3。两个动画同时发生。页面上没有 Flash。如果我将代码注释掉(删除动画)并刷新页面,我的处理器会立即恢复正常使用。

我希望我不必求助于 Flash,但即使在 Hulu.com 上观看节目也不会像这样占用我的 CPU。

想法?

0 投票
3 回答
14658 浏览

jquery - 跨浏览器的jQuery过渡动画?

是否有任何 jQuery 1.3 动画转换在 Firefox 3 和 IE7 中都可以使用?

我有一个包含多个表行(25 或更多)的表,其中一些行开始隐藏(这些行都共享一个公共类;在本例中,它是“.hidden”)。在表头中是一个“显示更多”链接,该链接通过绑定.click()到将显示隐藏行的函数,然后将“显示更多”更改为“显示更少”并将其更改为.click()执行相反操作的函数。

在每个.click()函数中,都有一行像

替换.show().hide()“显示更少”功能。

但是,如果我尝试将.show()/.hide()替换为.fadeIn()/.fadeOut(),则 IE 会将其呈现为几乎相同,.show()/.hide()只是需要一分钟.hide()才能生效。那里没有真正的动画。在 IE 中较差,虽然在 Firefox 中效果很好。

如果我尝试使用.slideDown()/.slideUp(),它在 IE 中类似 janky,几乎相同,.show()/.hide()只是在完成转换后具有奇怪的脉冲效果。Firefox 3 也对此感到窒息,显然只是忘记了正在显示的表格行的行宽,并使整个事情看起来很糟糕。

那么动画只是在 IE7 中很烂吗?在这种情况下,有什么方法可以在两种浏览器中都可以正常运行吗?

0 投票
1 回答
1057 浏览

cocoa - 如何在可可应用程序中将淡入淡出的文本交叉到 NSTextView 和图像到 NSImageView?

我有一个我正在编写的 Cocoa 应用程序,它有一个带有 TextView 的 ImageView 作为位于 ImageView 顶部的子视图。我有两个函数,一个更新 ImageView 中的图像,一个更新 TextView 中的文本。这两个功能都可以正常工作,但我希望新文本从旧文本淡入或交叉淡入淡出。以同样的方式,我想在新图像中交叉淡入淡出。

我已经为 ImageView 尝试了 [[self animator] setImage:image],但这似乎没有任何作用。

感谢您的帮助。

0 投票
2 回答
4850 浏览

c++ - C++ 3D 模型动画库?

我有自己的使用 C++ 和 OpenGL 的游戏引擎,但我有带有可以移动的各个部分的模型,我不确定如何在不对其进行硬编码的情况下对其进行动画处理。是否有任何库可以通过脚本或 IK 或其他动画技术提供解决方案,而无需借助 Ogre 等游戏引擎?

0 投票
21 回答
211615 浏览

jquery - 如何在表格行上使用 slideDown(或显示)功能?

我正在尝试向表格添加一行并让该行滑入视图,但是下滑功能似乎正在向表格行添加一个 display:block 样式,这会弄乱布局。

任何想法如何解决这个问题?

这是代码:

0 投票
3 回答
4257 浏览

javascript - 有没有在javascript中进行颜色循环的好方法?

这就是我想做的事情:我在 HTML 页面中有一行文本。我想让那段文本以给定的颜色开始,循环通过光谱,等待一两秒钟,然后重复。

如果可能的话,我想在 javascript 中执行此操作(像 flash 之类的东西并不是完全不可能的,但会是这个项目的一些主要范围蔓延。)

我知道足够多的 JS 知道这是可能的,但仅此而已。谁能指出我正确的方向?

是的,这是一个真正的客户请求。我很高兴他们也没有要求闪烁标签。;)

0 投票
1 回答
14101 浏览

javascript - jQuery .animate() 问题

我正在尝试为无序列表的图像制作类似自动滚动/轮播的功能。

当您将鼠标悬停在包含的 div 上时,它会调用一个函数,该函数的工作是为<ul>

我在日志中看到了我想要的正确值,即动画认为它已经完成......但我的 div 没有任何变化。

有没有人知道什么可能使动画功能无法按预期工作?

谢谢