使用ThreeJS添加纹理的方法

admin

  j% k% b7 H  I使用TextureLoader的方法，添加图片进行load

: B+ C, |1 b3 Q' g* R, a结果如下：
: v: \# l6 S  P7 `9 m


/ q" g1 q, E" K/ F. p, z this.loader = new TextureLoader()
0 g: Z1 U. k! }" `& Q4 {3 L
' z. i; ]/ w; Sconst {headerMaterial,middleMaterial,bottomMaterial} = this.loadTexture ()


* S) G; C9 J2 T: x1 P1 p
6 T( {4 M! k& @6 _
" v9 [8 Z! D, y1 m8 bloadTexture () {

5 l' O& q1 ?. z" m) A; E8 \: M) L        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')

/ S. t1 j: O4 O. [* B) u
        const headerMaterial = new MeshBasicMaterial({
6 j9 R) L" E0 t% `4 c            map: headerTexture
8 }+ `) i$ a" r: B# w1 D) ^        })
        const middleMaterial = new MeshBasicMaterial({
            map: middleTexture
: m7 [5 Q6 Q9 c  e        })
        const bottomMaterial = new MeshBasicMaterial({
+ h/ A3 b% R: ?7 ]            map: bottomTexture
* G2 R4 B4 S! U( U        })
  x3 A6 a! @  L( @/ z8 ~
        return {headerMaterial,middleMaterial,bottomMaterial}
    }

% o0 x5 H' p% r$ }