A-Frame 中的蒙版视频

Question

我正在评估 A-Frame 框架，但我正在为一项任务而苦苦挣扎。

我需要屏蔽视频。静态蒙版，比如带羽毛的椭圆形，就可以了。

我的第一个想法是简单地包含一个带有 Alfa 频道的 webm 视频，但该视频格式无法在 iOS 上播放（有或没有 A-Frame），因此需要一些其他解决方案。 https://simpl.info/videoalpha/video/dancer1.webm

我发现了一些关于使用 three.js 进行掩码的读物，但无法完全弄清楚如何将第一个用例（静态掩码）带到 A-Frame： http://blog.cjgammon.com/masking-5-glsl

我也在评估是否可以使用 React VR 来完成。

感谢您的任何见解！

Answer 1

答案应该在于材料，但由于我对它们几乎一无所知，我只能提供一个非常简单的解决方法，直到有人发布真正的解决方案。

• 如果您的背景是单一颜色，您可以只制作透明图像 - 蒙版，背景颜色，您可以将其放置在视频前面。
  如果将 0.001 放置在视频前面，它看起来像被遮罩的图像/视频的一部分。
• 如果您的背景很复杂，我会制作一个黑色图像蒙版，并同时羽化内圈和外圈，这样看起来不会粘贴在场景中。

我真的希望有一个实质性的解决方案，因为我们可以学到一些非常有用的东西。