使用ThreeJS添加纹理的方法

admin

使用TextureLoader的方法，添加图片进行load

结果如下：
( Y" [. M4 B- g
7 O/ ?1 E2 g, e8 U  }. s6 p  [/ ]
% b+ c# v0 E: i" T; X* ^
* }# Y* m5 }2 n this.loader = new TextureLoader()

const {headerMaterial,middleMaterial,bottomMaterial} = this.loadTexture ()

. N( J7 q- v( ~9 Y


loadTexture () {

        const headerTexture = this.loader.load('/game/res/images/head.png')
        const bottomTexture = this.loader.load('/game/res/images/bottom.png')
        const middleTexture = this.loader.load('/game/res/images/middle.png')


        const headerMaterial = new MeshBasicMaterial({
- r6 [4 v! L+ x' A, ?            map: headerTexture
        })
        const middleMaterial = new MeshBasicMaterial({
            map: middleTexture
: {4 C( [9 g* ?. c/ A7 b: F        })
        const bottomMaterial = new MeshBasicMaterial({
            map: bottomTexture
$ ^: [' w$ ]2 G- H  Y        })
# G! J5 O- |( D: O# [
        return {headerMaterial,middleMaterial,bottomMaterial}
    }

' |4 w, {& i! U+ h7 \  s