使用ThreeJS添加纹理的方法

admin

使用TextureLoader的方法，添加图片进行load
" z; g9 n; i6 U& Q7 s( ~
3 y6 d1 C, v8 {' y结果如下：
7 w8 C; ]: ~# \' e8 }$ |


+ N+ O# K# f( R5 V% u this.loader = new TextureLoader()
) r* E! \1 q* D$ s; a' T
const {headerMaterial,middleMaterial,bottomMaterial} = this.loadTexture ()
! f. o% u3 }' {  B1 E7 {% m
6 A( R& f: }: t

, E3 d3 t! a. P' G0 I& q
3 `* M: }4 R% l0 D% D' nloadTexture () {

  L' m& l5 ~: q9 n* K% M        const headerTexture = this.loader.load('/game/res/images/head.png')
+ s/ a: N- w( P8 a5 U6 K# c        const bottomTexture = this.loader.load('/game/res/images/bottom.png')
" K7 ?4 a: C' ^2 |) O0 j6 A8 @9 m2 x        const middleTexture = this.loader.load('/game/res/images/middle.png')
! V3 h" F4 w$ M9 b, g6 h% x
" Y; n0 b" x( `. g) l. s( k
        const headerMaterial = new MeshBasicMaterial({
" c9 D8 R$ z% N. L. T: L            map: headerTexture
        })
        const middleMaterial = new MeshBasicMaterial({
/ u2 x0 D  k0 `- |            map: middleTexture
+ r+ ^6 I6 |2 l0 @- n        })
  [, K9 Q0 Z# X8 g        const bottomMaterial = new MeshBasicMaterial({
, U& N1 a' u- E: _& w' M7 |/ J  G0 P            map: bottomTexture
7 l( F- N0 y- B7 q        })
- a8 \: L- p9 |: a, |' y
        return {headerMaterial,middleMaterial,bottomMaterial}
5 r. \7 I4 {' b* q! h    }
5 V; C, o3 M! {; a" v( e+ {
& J+ I: c2 u5 J" _
% s% L1 |  N  u, L