使用ThreeJS添加纹理的方法

admin

; r; H3 T6 u4 p, K: ?( T7 H  E. M# d! l使用TextureLoader的方法，添加图片进行load

  |* @. Z$ o2 n1 u& u" l结果如下：
- u+ M7 |' W) ]' Y

$ R1 M  X; L9 m9 d9 U
this.loader = new TextureLoader()

* o' }5 F/ J+ V  @# Jconst {headerMaterial,middleMaterial,bottomMaterial} = this.loadTexture ()
$ f+ J( Z6 ]" ~4 t  u


+ o8 v+ z( l7 ~% F
loadTexture () {

* E0 ^( @9 u9 c7 H/ [9 s2 ?        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')
1 I7 c9 Y) s$ C; U4 q: c5 L
) `$ R, o' Q9 R
5 A" F* M; H. R) r; c        const headerMaterial = new MeshBasicMaterial({
            map: headerTexture
        })
& r$ g& p2 t5 B1 B2 W6 [7 N# L* }        const middleMaterial = new MeshBasicMaterial({
! o6 U# j8 w8 S7 t            map: middleTexture
        })
        const bottomMaterial = new MeshBasicMaterial({
' V8 ^8 J0 Z  r6 q- v            map: bottomTexture
        })

        return {headerMaterial,middleMaterial,bottomMaterial}
    }
9 E3 _- Q( k2 q! R$ v$ T; P
& G4 Z4 w. g7 w! Q! I
+ O" K, H3 x8 f* n