问题标签 [keyframe]

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

actionscript-3 - 当播放头被发送到该帧时,为什么 Flash 中的关键帧无法更新关键帧中定义的对象位置?

我在自定义按钮类中有一个背景 MovieClip,它根据接收到的鼠标事件将播放头移动到不同的帧(通过 gotoAndStop("framename"))。

当接收到鼠标向上事件时,它将播放头发送回“释放”帧,背景应该回到原来的位置,但是什么都没有发生,背景保持在原来的位置。就好像 Flash 不尊重由它输入的关键帧定义的背景位置。

唯一的解决方法是向每个帧添加一个帧脚本,手动将 x 和 y 位置设置为应有的位置,但这违背了使用关键帧作为位置的目的。

到底是怎么回事?

0 投票
1 回答
1267 浏览

animation - 在悬停时使用 CSS 为 div 设置动画

我正在尝试使用 CSS3 的 @keyframes 规则在悬停时为 div 设置动画。动画的代码在这个页面的最底部(就在慷慨标记的“HERE BE ANIMATION”评论ASCII艺术之后)。这包括@keyframes 规则、div 和 div:hover。我想要这个动画的页面就在这里。由于某种原因,动画不起作用;这是我第一次尝试使用 CSS 动画,所以在某处可能存在一些新手错误。

0 投票
1 回答
1379 浏览

python - 用于缩放关键帧的 Python/Maya 简单脚本

我正在 Maya 上使用 Python 编写脚本,以允许我将选定的关键帧缩放一定数量。

基本上,如果我在动画上制作动画,我可以轻松地将所有关键帧缩放为相隔 2 个关键帧。由于我是初学者,因此脚本应该非常原始,因为我仍然需要做一些手动工作(选择对象和关键帧)。

我只需要一个可以自动为我缩放它们的脚本。

0 投票
3 回答
48787 浏览

javascript - 使用 Javascript 变量设置 Webkit 关键帧值

我有一段 JS 代码来生成随机数并将它们作为变量输出,以代替旋转值

上面的代码可以正常工作,但是当我尝试将 javascript 中的变量粘贴到其中时,rotate(variable);我无法让它工作。我是新手,所以我 90% 确定我只是没有为变量找到正确的语法(说真的,我很难记住是否需要括号、引号、squigglys 等,我已经尝试了所有我能想到的) .

或者可能是因为该变量是函数的本地变量,而 CSS 无法读取它。

所以基本上我只需要一些陌生人告诉我正确的语法以及如果可能的话如何让 CSS 读取变量。

否则,看起来我需要该函数来创建全部:

...这可能有点混乱,因为随机变量可能会应用于多个 css 元素。

哦,目前该变量已格式化为包含deg数字之后的数字,因此这不是问题。事实上,为了方便起见,假设我使用的是 var dogValue = "20deg"; 并忘记随机元素。

谢谢。

0 投票
1 回答
571 浏览

ffmpeg - FFMPEG 限制关键帧

嘿,所有这些命令在提取关键帧时对我来说都很好:ffmpeg -vf select="eq(pict_type\,PICT_TYPE_I)" -i yourvideo.mp4 -vsync 2 -s 160x90 -f image2 thumbnails-%02d.jpeg。

我只是想知道是否有人知道如何使用它来限制关键帧的数量,比如 200。谢谢。

0 投票
1 回答
3494 浏览

sass - 如何在 SCSS (3.1.16) 中创建 @keyframes mixin

我已经试过了

有什么办法吗?谷歌找不到任何解决方案:(

0 投票
0 回答
402 浏览

actionscript-3 - 如果其任何属性发生更改,Flash 会停止将关键帧信息应用于 MovieClip?

假设我有一个带有盒子(实例名称“盒子”)的 3 帧影片剪辑。每一帧都对盒子应用不同的模糊,所以它在第 1 帧有点模糊,在第 2 帧有点模糊,在第 3 帧非常模糊。

我可以在三个帧中的任何一个上调用“gotoAndStop”,并且将应用正确的模糊,并且我可以根据需要多次执行此操作而不会出现问题。

但是,如果在任何时候我更改了框的宽度,例如“box.width = 100”,那么突然当我调用“gotoAndStop”时,不再应用关键帧信息并且框的模糊不会改变。如果我在第 2 帧上也添加位置更改,则会出现相同的行为......位置更改在 gotoAndStop 上起作用,直到我更改框的宽度,然后当我进出该帧时它不再移动。

为什么当我更改关键帧对象上的“宽度”等属性时,Flash 会停止应用这样的关键帧信息?

0 投票
1 回答
156 浏览

actionscript-3 - 存储来自其他关键帧的实例坐标

我要做的是从不同的关键帧中获取实例的坐标并将其存储,如果有多个关键帧,可能存储在数组中。

然后我希望能够在这些位置之间进行补间,可能使用 greensock 的 Tweenlite 类。

我在其他帖子中读到,在播放头位于特定帧之前,对象甚至实例在技术上都不存在。在这个对象存在之前,无论如何要获得这些坐标吗?可能通过在屏幕外创建一个单独的 DisplayObjectContainer 来播放这些帧并存储坐标。

我正在使用 Flash 5.5 和 AS3。

有人有想法么?

0 投票
1 回答
334 浏览

html - 将关键帧更改为第二张图像

我正在制作带有关键帧的幻灯片,但有一个问题..

关键帧在这里改变了第一张图像的位置:

但是我要滑动的图像是最后一张,关于如何更改关键帧优先级的任何想法?第一个图像有一些不透明度,这使我能够看到第二个图像。如果我在它们上交换位置,最后一个最终会落在后面并且看不到......

谢谢

0 投票
1 回答
191 浏览

css - 任意数量窗格的 CSS 动画过渡效果

我正在制作一个包含多个窗格的网站,以及一个用于在它们之间切换的导航菜单。我想使用 CSS 中的过渡效果为窗格切换设置动画。窗格是 <li> 元素:

,它们并排放置,因此我正在为内容的 margin-left 属性设置动画,以使窗格左右滚动,进出视图:

,当然可以反过来。问题是,对于超过 3 个窗格,此过程会很笨重(代码的长度随着窗格的数量呈二次方增长)。

那么......你将如何为任意数量的窗格编写这个?

编辑:我知道我可以使用 javascript 来生成 CSS 代码,但我希望有一种我错过的更优雅的方式。