video - 在 A 帧中屏蔽视频

Question

我正在评估 A-Frame 框架，并且正在努力完成一项任务。

我需要屏蔽视频。一个静态的面具，比如羽毛状的椭圆形，就可以了。

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

我找到了一些关于使用 three.js 进行屏蔽的阅读 Material ，但不太清楚如何将第一个用例(静态屏蔽)用于 A-Frame: http://blog.cjgammon.com/masking-5-glsl

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

感谢您的任何见解!

Answer 1

答案应该在 Material 中，但由于我几乎不了解它们，所以我只能提供一个非常简单的解决方法，直到有人发布真正的解决方案。

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

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