使用ThreeJS添加纹理的方法

admin

$ }) e; o2 U) ]8 I0 `6 {! S使用TextureLoader的方法，添加图片进行load
0 a; ?9 @. L2 o+ P1 r: }2 W7 L
+ p% G2 o0 [+ |6 M5 j( ~结果如下：
3 i/ M3 m2 M3 p. X# h! p


; I) [9 W% `2 N! h7 d: J this.loader = new TextureLoader()

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

! `$ T; Y* W& E: I0 ~
4 k( i5 k2 ]8 b! A- M# O
; Y( F' _# i9 c( a  z3 U
loadTexture () {

        const headerTexture = this.loader.load('/game/res/images/head.png')
( {4 I) V7 G. i        const bottomTexture = this.loader.load('/game/res/images/bottom.png')
        const middleTexture = this.loader.load('/game/res/images/middle.png')
9 k: ?$ H' Y+ C2 ]' X+ q  F7 l$ O- I! z4 ?
$ p: ]2 O# M! ?8 i! w6 e/ P; Y
        const headerMaterial = new MeshBasicMaterial({
            map: headerTexture
# n% |# ]4 T$ f        })
        const middleMaterial = new MeshBasicMaterial({
4 k' U* ?8 U/ p            map: middleTexture
        })
5 k2 X( _% C6 e! \* f: I        const bottomMaterial = new MeshBasicMaterial({
            map: bottomTexture
        })

        return {headerMaterial,middleMaterial,bottomMaterial}
) w+ l8 P9 X6 A: e. i9 n/ q% N" @    }


+ ^$ \, t5 j' D) ]