three.js CubeTexture

創(chuàng)建一個由6張圖片所組成的紋理對象。

代碼示例

const loader = new THREE.CubeTextureLoader();
loader.setPath( 'textures/cube/pisa/' );

const textureCube = loader.load( [
	'px.png', 'nx.png',
	'py.png', 'ny.png',
	'pz.png', 'nz.png'
] );

const material = new THREE.MeshBasicMaterial( { color: 0xffffff, envMap: textureCube } );

構(gòu)造函數(shù)

CubeTexture( images, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy )

CubeTexture（立方貼圖）的功能以及用法幾乎和Texture是相同的。區(qū)別在于，CubeTexture中的圖像是6個單獨的圖像所組成的數(shù)組， 紋理映射選項為THREE.CubeReflectionMapping（默認值）或THREE.CubeRefractionMapping。

屬性

請參閱基本 Texture 類以了解通用屬性。

.flipY : Boolean

如果設(shè)置為 true，紋理在上傳到 GPU 時沿垂直軸翻轉(zhuǎn)。默認為假。

.isCubeTexture : Boolean

只讀標(biāo)志，用于檢查給定對象是否屬于 CubeTexture 類型。

方法

有關(guān)常用方法，請參見基 Texture 類。

源代碼

src/textures/CubeTexture.js