使用ThreeJS添加纹理的方法

admin

使用TextureLoader的方法，添加图片进行load
9 M( Z3 {0 z% p  g4 [
结果如下：
8 r" r! Y# T  Y5 g8 q" k7 l1 X


1 h5 T$ V) \0 U  H" S0 D1 D6 G6 J this.loader = new TextureLoader()

$ i7 w! g; P" t% m" y# l" aconst {headerMaterial,middleMaterial,bottomMaterial} = this.loadTexture ()
4 G$ z5 L9 {8 X9 x



loadTexture () {
0 z4 x5 U6 C/ x5 H7 L4 U6 S6 O: c
: z; K" L9 [3 O2 D! O) U        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')
. q( [+ g+ X; b7 a0 q$ O
' z3 o4 s9 S4 L0 F
        const headerMaterial = new MeshBasicMaterial({
            map: headerTexture
        })
        const middleMaterial = new MeshBasicMaterial({
4 r- c1 _/ _! ]4 `            map: middleTexture
3 d0 v2 L1 F0 W) t9 _9 A2 |        })
        const bottomMaterial = new MeshBasicMaterial({
            map: bottomTexture
        })

! O& K+ @2 n1 Y# S+ h+ k        return {headerMaterial,middleMaterial,bottomMaterial}
( z7 G# ]% j( T) D! `    }
2 A" f0 w0 L. q