使用ThreeJS添加纹理的方法

admin

+ ?0 ?4 e: b) G5 ?  a使用TextureLoader的方法，添加图片进行load
7 I$ E! V! K& W* s& T- j
0 d' t# o; B. p: G3 q. `结果如下：
4 M8 }! O! F7 e) J: c$ y
" b2 k6 w6 G8 n- D3 [! \* r
' p. o$ Y# E1 Y% v' a! q
this.loader = new TextureLoader()
% _1 e# n1 Y; H: e
9 M+ r, H7 [4 ?+ v( a, mconst {headerMaterial,middleMaterial,bottomMaterial} = this.loadTexture ()

8 L/ c+ D" k1 L; r7 s8 {) ^2 i
* D6 j8 B6 Y+ M3 T" {+ q
" o6 _  l: D- r( ^) a
; {6 j% j, c! O. c7 xloadTexture () {

9 }) r& u& r1 ^        const headerTexture = this.loader.load('/game/res/images/head.png')
        const bottomTexture = this.loader.load('/game/res/images/bottom.png')
) i# Z" L) I# g# f5 [) e# ~4 z        const middleTexture = this.loader.load('/game/res/images/middle.png')

/ w$ A) w0 f2 j+ t
1 M: }6 H  H4 B5 a        const headerMaterial = new MeshBasicMaterial({
            map: headerTexture
        })
        const middleMaterial = new MeshBasicMaterial({
            map: middleTexture
0 s6 t7 S1 G. u        })
; t# h6 \9 W# H7 ~        const bottomMaterial = new MeshBasicMaterial({
! Y1 l' K) _5 `2 w4 E3 q0 P1 h            map: bottomTexture
' M$ `4 Z1 m3 S$ t4 S        })
, i2 |! R0 d9 R. }- E- U* A" l% E
8 f; n. U. E( Z% s9 |% W$ y, Y; e7 @        return {headerMaterial,middleMaterial,bottomMaterial}
    }

* I( W9 x" V& o) x7 n( `( \