JSRUN 用代码说话

视频纹理(VideoTexture)

编辑教程

视频纹理(VideoTexture)

创建一个使用视频来作为贴图的纹理对象。

它和其基类Texture几乎是相同的,除了它总是将needsUpdate设置为true,以便使得贴图能够在视频播放时进行更新。自动创建mipmaps也会被禁用。

示例


//assuming you have created a HTML video element with id="video"
var video = document.getElementById( 'video' );

var texture = new THREE.VideoTexture( video );
texture.minFilter = THREE.LinearFilter;
texture.magFilter = THREE.LinearFilter;
texture.format = THREE.RGBFormat;

构造函数

VideoTexture( video : Video, mapping : Constant, wrapS : Constant, wrapT : Constant, magFilter : Constant, minFilter : Constant, format : Constant, type : Constant, anisotropy : Number )
  • video -- 将被作为纹理贴图来使用的Video元素。
  • mapping -- 纹理贴图将被如何应用(映射)到物体上,它是THREE.UVMapping中的对象类型。
  • wrapS -- 默认值是THREE.ClampToEdgeWrapping.
  • wrapT -- 默认值是THREE.ClampToEdgeWrapping.
  • magFilter -- 当一个纹素覆盖大于一个像素时,贴图将如何采样。 其默认值为THREE.LinearFilter。
  • minFilter -- 当一个纹素覆盖小于一个像素时,贴图将如何采样。 其默认值为THREE.LinearMipmapLinearFilter。
  • format -- 在纹理贴图中使用的格式。
  • type -- 默认值是THREE.UnsignedByteType.
  • anisotropy -- 沿着轴,通过具有最高纹素密度的像素的采样数。

默认情况下,这个值为1。设置一个较高的值将会比基本的mipmap产生更清晰的效果,代价是需要使用更多纹理样本。 使用renderer.getMaxAnisotropy() 来查询GPU中各向异性的最大有效值;这个值通常是2的幂。

属性

共有属性请参见其基类Texture。

.needsUpdate : boolean

在这里,你不必手动设置这个值,因为它是由update方法来进行控制的。

方法

共有方法请参见其基类Texture。

.update () : null

在每一次新的一帧可用时,这个方法将被自动调用, 并将 .needsUpdate : boolean设置为true。

JSRUN闪电教程系统是国内最先开创的教程维护系统, 所有工程师都可以参与共同维护的闪电教程,让知识的积累变得统一完整、自成体系。 大家可以一起参与进共编,让零散的知识点帮助更多的人。
X
支付宝
9.99
无法付款,请点击这里
金额: 0
备注:
转账时请填写正确的金额和备注信息,到账由人工处理,可能需要较长时间
如有疑问请联系QQ:565830900
正在生成二维码, 此过程可能需要15秒钟