three.js - 将视频纹理一分为二

我有一个视频纹理，我必须将其剪辑为 2 个部分，即纹理的大小为 1920 * 1080，我必须将此视频纹理剪辑为 1920 * 540，将剩余的纹理剪辑为另一个纹理并将它们输入到两个不同的着色器中。我不确定是否应该使用着色器或threejs 进行剪辑。如何剪辑此视频纹理？

标签： three.jsglsl

我会在两个平面模型上使用相同的纹理，但更改平面的 UV 坐标以显示您想要的纹理的任何部分。

基本上得到平面的几何图形，遍历它的 faceVertexUVs 并将每个的 x 乘以 0.5，然后在第二个对象上，将 x 也加 0.5。

第一个平面将缩短视频的左半部分，而右面将显示右半部分。

一个可能效率较低但可能可行的解决方案是 .clone() 视频纹理.. 设置其 .offset 和 .scale 以将映射移动到您想要的位置...并将第一个纹理应用于左侧平面上的垫子，和右半边的第二个......但我不推荐这种方法。