Animation “a”是什么;“擦拭效果”;智能完成,动画方向淡入从左到右

Animation “a”是什么;“擦拭效果”;智能完成,动画方向淡入从左到右,animation,Animation,我不明白什么是“擦除效果”或方向淡入是“理智的”,当我们看到有人“这样做”时会发生什么。为了提供一些上下文,这里是我的图形环境: 第3层:如果需要,我也可以使用(请注意,运行时图形环境只允许“简单添加”层,仅此而已。我使用GIMP制作图像,这是一个类似于photoshop的开源程序,但我不在乎这个工具,我只是想从智力上理解它) 第2层:这将是一个较小的PNG图像,我想在下面的整个背景上进行“擦除效果”或方向淡入,例如从左到右(或从右到左) 第1层:这将是任何完整的背景图像我想要的 这个环境(ht

我不明白什么是“擦除效果”或方向淡入是“理智的”,当我们看到有人“这样做”时会发生什么。为了提供一些上下文,这里是我的图形环境:

第3层:如果需要,我也可以使用(请注意,运行时图形环境只允许“简单添加”层,仅此而已。我使用GIMP制作图像,这是一个类似于photoshop的开源程序,但我不在乎这个工具,我只是想从智力上理解它)

第2层:这将是一个较小的PNG图像,我想在下面的整个背景上进行“擦除效果”或方向淡入,例如从左到右(或从右到左)

第1层:这将是任何完整的背景图像我想要的

这个环境(html中的画布)允许调整整个层的不透明度(或alpha)值,我有代码可以随时间进行调整(这很容易)。我的问题是,我不明白“理智上”我需要做什么,让某个(png)图像的外观在“从左到右”中逐渐消失

例如,如果我要创建一个渐变的黑色到alpha第3层,我也可以这样做,但我认为,除非我使它完全匹配我要淡入的图形的轮廓,否则它同样会“干扰”背景,对吗?所以请问这是如何做到的?我甚至需要3层,还是2层就可以了?谢谢

所以,我可以“写代码”,我不在那里寻找任何“讲义”;我正在努力从智力上了解我需要做什么,来制作这种相当普通的动画

如果我要创建一个渐变黑到alpha层3,我也可以这样做,但我认为,除非我让它完全匹配我要淡入的图形的轮廓,否则它同样会“干扰”背景,对吗

否,因为第3层配置为第2层上的遮罩。因此,它只影响第2层,并且只影响其透明度


假设你从一个遮罩开始,遮罩的宽度是第二层的四倍。按如下方式构造遮罩:

/ opaque /  grad  /  ient  / transp /
第1部分是不透明的,第2和第3部分是从不透明到透明的渐变,第4部分是透明的。那么,从这个遮罩开始,它的右端接触到第二层的右端。然后第4节覆盖了第2层,所以第2层是透明和不可见的。现在,向右设置遮罩的动画,直到其左端接触到第2层的左端。现在第1节覆盖了第2层,所以第2层是不透明的,完全可见

在两者之间,第2层从左到右逐渐变暗

下面是一个演示:


请注意,文本从左向右淡入,但背景色不受影响

马特,请不要把答案放在“答案”里,那不是答案。第3层也没有配置。你知道为什么不这样做是好的,尤其是作为第一个“答案”?因为现在,人们看着这个问题,会想,有人给了一个机会来回答它,正如你所看到的,你没有。所以,这种类型的操作会损害进度。Html画布只允许简单地添加层,我95%肯定甚至更高。如果可能的话,请删除你的答案,这样“人们”看到这是没有答案的。那么如何在GIMP这样的工具中创建一个从不透明到透明,并且没有颜色的渐变呢?颜色不重要。这是一个面具。只有像素的透明度才重要。这就是面具无论如何,你的问题中没有提到“工具”。也没有计算机语言。你理智地问这是怎么做到的。我理智地解释了它,并通过使用它制作从左到右淡入的层来证明这种方法的有效性。当你看到这样做,这就是如何做到的。这就是你问的,也是我向你解释的。