将 CSS 蒙版过渡与 A 帧天空实体一起使用
Using CSS Mask Transition with A-Frame sky entity
我正在做一个学校项目，我们正在使用 A-Frame 框架开发一个交互式故事。这个想法是参观你的老房子，并回忆起过去的美好时光。所以我们在天空实体中使用 360° 图像，我们在现在和过去之间切换这些图像。
我正在处理切换图像时的过渡，但我能开发的唯一好的过渡是简单的淡入黑色...我的想法是在此处获得类似于 CSS 蒙版过渡的东西: https://tympanus.net/Tutorials/CSSMaskTransition/
有没有可能得到类似的结果？
如果没有，您是否知道我可以做一个好的、简单的过渡？
如你所知，我不习惯 web 开发，我们只有 3 天的时间来完成这次体验，而且我对 A-Frame 框架完全陌生（我已经开发了 3 天仅现在几天）。
非常感谢您的宝贵时间，祝您愉快！
奥古斯丁。
类似的过渡将非常复杂地实现，我认为如果没有太多图形经验，几天之内是不可能的。您很可能需要编写自己的着色器来更改每个像素的 alpha 值。或者您可以创建一个 alpha 贴图 GIF 或视频，并使用它来控制纹理的 alpha 值。
A-Frame 有一个在 360 度图像之间转换的示例。为了获得更好的性能，您有一个图像，淡入黑色，换出图像，然后淡出：https://github.com/aframevr/360-image-gallery-boilerplate
我正在做一个学校项目，我们正在使用 A-Frame 框架开发一个交互式故事。这个想法是参观你的老房子，并回忆起过去的美好时光。所以我们在天空实体中使用 360° 图像，我们在现在和过去之间切换这些图像。
我正在处理切换图像时的过渡，但我能开发的唯一好的过渡是简单的淡入黑色...我的想法是在此处获得类似于 CSS 蒙版过渡的东西: https://tympanus.net/Tutorials/CSSMaskTransition/
有没有可能得到类似的结果？ 如果没有，您是否知道我可以做一个好的、简单的过渡？
如你所知，我不习惯 web 开发，我们只有 3 天的时间来完成这次体验，而且我对 A-Frame 框架完全陌生（我已经开发了 3 天仅现在几天）。
非常感谢您的宝贵时间，祝您愉快！
奥古斯丁。
类似的过渡将非常复杂地实现，我认为如果没有太多图形经验，几天之内是不可能的。您很可能需要编写自己的着色器来更改每个像素的 alpha 值。或者您可以创建一个 alpha 贴图 GIF 或视频，并使用它来控制纹理的 alpha 值。
A-Frame 有一个在 360 度图像之间转换的示例。为了获得更好的性能，您有一个图像，淡入黑色，换出图像，然后淡出：https://github.com/aframevr/360-image-gallery-boilerplate