Animation 将CSS遮罩转换与A帧天空实体一起使用

我正在做一个学校项目，我们正在开发一个带有a框架的互动故事。这样做的目的是参观你的老房子，回忆过去的美好时光。因此，我们在天空实体中使用360°图像，并在现在和过去之间切换这些图像

我正在处理切换图像时的过渡，但我能开发的唯一好的过渡是一个简单的淡入黑色。。。我的想法是在这里获得类似于CSS掩码转换的东西：

有没有可能得到类似的结果？ 如果不是的话，你能想到一个我能做到的好的、简单的过渡吗

正如你所知道的，我不习惯web开发，我们只有3天的时间来完成这个体验，我对A-Frame框架是完全陌生的（我现在只做了3天）

非常感谢您抽出时间，祝您度过愉快的一天

---

Augustin。

类似的过渡将需要相当多的时间来实现，我认为在几天内没有太多的图形经验是不可能的。您很可能需要编写自己的着色器来更改每个像素的alpha值。或者您可以创建alpha贴图GIF或视频，并使用它来控制纹理的alpha值

---

A-Frame有一个在360个图像之间转换的示例。为了获得更好的性能，您只需要一张图像，然后淡入黑色，调出图像，然后淡出：类似的过渡将需要大量的实施，我认为在几天的时间内，如果没有太多的图形体验，这是不可能的。您很可能需要编写自己的着色器来更改每个像素的alpha值。或者你可以创建一个alpha贴图GIF或视频，并用它来控制纹理的alpha值。这就是我悲哀的想法。。。我很难做出一个简单的淡入黑色的过渡，因为我使用了5个天空叠加。我这样做是为了得到一个简单的动画，通过CSS改变某些天空的不透明度，而不是使用视频（太大）或gif（质量太差）。你有天空动画的例子吗？