如何在WebGL的texImage2D中裁剪HTMLVideoElement？

Question

我正在玩WebGL，我可以使用texImage2D成功地将视频元素渲染到WebGL上下文。但是，我现在正在尝试在渲染之前裁剪此视频元素。例如，我想拍摄视频元素的上半部分并将其绘制在我的GL上下文的左半部分;而下半部分则在右半部分。

在WebGL 1中进行此“裁剪操作”的最佳做法是什么？

我已经发现我可以调整viewport来渲染左/右半部分，但我似乎无法找到如何裁剪。

如果texImage2D支持视频元素的偏移量和尺寸参数，那将会很好，但事实并非如此。

也许我可以在纹理参数或其他东西中调整它？

Answer 1

在WebGL1中，没有简单的方法可以在texImage2D级别进行裁剪。我建议您只将整个视频帧放入1个纹理中，然后在渲染时使用纹理坐标来选择要在每个区域中显示的纹理部分