使用ThreeJS添加纹理的方法

admin

# `7 @0 G, Y+ _/ K" P* B9 x使用TextureLoader的方法，添加图片进行load
; q5 }, C+ o6 [8 G
7 e: }4 F" _/ M. {  ?* V4 O结果如下：
; `0 |' `- B% q5 Q
! N/ M& \1 ^0 M

# a: l0 n; ?$ B5 j/ L( v' h" r this.loader = new TextureLoader()

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

! _# u" F/ b$ G1 a8 |
& U" Z& e0 P, N
) E% v. e6 X1 x( q
4 N. u$ U- b  D; B2 L  BloadTexture () {
4 }) o, }2 A7 J9 w
        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')
5 a: v8 U! \' J7 L8 `, R

        const headerMaterial = new MeshBasicMaterial({
0 d8 t8 G" ~4 y' c# P% J            map: headerTexture
# t7 Y$ z1 j, a- ~0 d        })
9 T, D: z, x7 D; l3 {8 U+ I        const middleMaterial = new MeshBasicMaterial({
            map: middleTexture
        })
        const bottomMaterial = new MeshBasicMaterial({
! E4 u  e% X: j7 f2 F            map: bottomTexture
- x) M/ Y6 x& t: c4 _        })
! F" G% V; e+ X5 Y/ Z4 d4 @
/ o" F/ W1 W- n5 F        return {headerMaterial,middleMaterial,bottomMaterial}
    }

1 K$ L7 v: O2 V' r! q1 p