使用ThreeJS添加纹理的方法

admin

使用TextureLoader的方法，添加图片进行load

结果如下：
; V0 ]2 O* j( I! r
9 d0 X3 Z- W. D6 J# r

this.loader = new TextureLoader()
4 N% U4 I" B2 }* `1 _9 e4 ]2 b
9 [  {$ t" u% p" L7 Sconst {headerMaterial,middleMaterial,bottomMaterial} = this.loadTexture ()




9 Z+ B/ I! r9 b. \! PloadTexture () {

5 W4 Y- Y) V% |5 d( v' Z+ R        const headerTexture = this.loader.load('/game/res/images/head.png')
        const bottomTexture = this.loader.load('/game/res/images/bottom.png')
9 Z0 G" ]0 W! j$ f7 v. a/ W9 F        const middleTexture = this.loader.load('/game/res/images/middle.png')
1 y* N0 X( J) v% S
; {3 r' H0 y# v& q
        const headerMaterial = new MeshBasicMaterial({
            map: headerTexture
        })
. z# ?; R9 Q5 X% }/ Y4 {  `        const middleMaterial = new MeshBasicMaterial({
            map: middleTexture
        })
# \' X  v6 X. W* ?        const bottomMaterial = new MeshBasicMaterial({
            map: bottomTexture
4 j2 W- D$ q8 J        })

  C3 @2 M$ p2 Y3 ^: T7 V        return {headerMaterial,middleMaterial,bottomMaterial}
2 n) m6 D6 v" K: S: W, b    }

, t  L* @9 I9 G9 {, ~+ M) u