【three】给立方体的每个面加载不同贴图

效果图：

主要代码：

initCube() {let _this = thisconst geometry = new Three.BoxGeometry(1, .3, .5)let TextureLoader = new Three.TextureLoader()let mater1TextureLoader.load(require('@/assets/images/bg2.jpg'),function (texture){console.log(texture)mater1 = new Three.MeshBasicMaterial({map:texture})//顺序：右、左、上、下、正、背var materialsbg = [new Three.MeshBasicMaterial({ color: 0x00ff00 }),new Three.MeshBasicMaterial({ color: 0x00ff00 }),new Three.MeshBasicMaterial({ color: 0x000000 }),new Three.MeshBasicMaterial({ color: 0x00ff00 }),mater1,new Three.MeshBasicMaterial({ color: 0x00ff00 })];console.log(geometry)const cube = new Three.Mesh(geometry, materialsbg)_this.scene.add(cube)})},