您好！
我不是一个好的编码员，而是一个视觉艺术家所以我做了一个图形来解释我的项目。
在图片中，您可以看到我的设置。
我想实现 webgl背景只能由模式图层蒙版看到。 这些都是移动的，并且在重叠时应该是附加的（如在底部显示的图形中），但也是掩蔽的。 （我不是指这一部分的混合模式）
到目前为止，您可以通过模式和我的状态了解我的意思：
http://www.kevinbock.de/webgl/index.html
正在移动的黑色图案元素将掩盖背景并且不会相互掩盖。所以基本上：所有黑色元素都应该通过webgl背景。而不是相互掩盖，他们将加在一起。
目前还没有添加屏蔽，因为我不知道该怎么做。
现在我的问题是：
如何将三个图层作为重叠时互相添加的蒙版？ 我需要svg掩码或css掩码还是路径剪辑？
目前我正在使用三个单独的svg文件。 我是否需要在svg文件或某些html部分或/和css中添加一些掩码命令？
每个图案层的移动都是通过动画css和它们所在的div来实现的。 制作口罩添加剂是否重要？ 或者是否所有三个模式图层都在一个svg文件中并使用svg动画在那里进行动画处理？
我是否需要在webgl图层和第一个图案图层之间设置第五层，这是一个全屏黑色矩形，以遮盖图案并让webgl图层透过？