使用ThreeJS添加纹理的方法

admin

) l" g0 a2 o5 d9 {使用TextureLoader的方法，添加图片进行load

9 O* R- u& q, q  g9 Z% @) k结果如下：
3 w: B0 w+ D) t: a5 S

+ m8 J; }2 R/ K0 g# }3 @( a
this.loader = new TextureLoader()

const {headerMaterial,middleMaterial,bottomMaterial} = this.loadTexture ()
7 U9 A2 i) Y+ T5 a+ e0 C6 B
7 f6 E5 O, T$ G


loadTexture () {

        const headerTexture = this.loader.load('/game/res/images/head.png')
        const bottomTexture = this.loader.load('/game/res/images/bottom.png')
# \, J1 x# r% J2 S, W5 c! f        const middleTexture = this.loader.load('/game/res/images/middle.png')

6 H7 |0 x# K4 s
% X+ z) M/ u( g5 v3 R, B' z6 Z        const headerMaterial = new MeshBasicMaterial({
            map: headerTexture
7 x* J& n& n# q; k  \: v( a2 a        })
        const middleMaterial = new MeshBasicMaterial({
            map: middleTexture
        })
        const bottomMaterial = new MeshBasicMaterial({
$ L7 i9 x% R" W& L/ o7 u7 I' b            map: bottomTexture
        })
; O  h4 E' \" U$ \0 d
        return {headerMaterial,middleMaterial,bottomMaterial}
    }
$ e* i( n2 n% {$ U* W
# `) D/ h3 v, f" Z7 \: E( d
. u0 ?0 v" q+ V. _+ `) ]/ r" @