2016-11-21 20 views
1

我正在玩弄WebGL,并且我可以用texImage2D成功呈现视频元素到WebGL上下文。不过,我现在正在试图在渲染它之前裁剪这个视频元素。例如,我想将视频元素的上半部分绘制到GL上下文的左半部分;下半部分在右半部分。如何在WebGL的texImage2D中裁剪HTMLVideoElement?

image1

哪些是WebGL的1本 “作物行动” 的最佳做法?

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

如果texImage2D支持视频元素的偏移和尺寸参数,那就太好了,但事实并非如此。

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

回答

1

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

+0

我使用的3d插槽示例中的相同principe:https:// maximumroulette .com/welcome/3d_slot /,使用blender或任何3D应用程序进行建模和设置textoreCord(UV编辑器)。在uv编辑器中,您可以(裁切)将水平分割为两部分。 –