使用ThreeJS添加纹理的方法

admin

. [; M4 Z* m. [# b4 I, L& Z使用TextureLoader的方法，添加图片进行load

1 R7 B; J! i4 a+ Y2 b结果如下：

) G+ E5 o0 B! {% o; f' o  b1 `

this.loader = new TextureLoader()
8 y' y# ^; U" \# A2 O- x, J" R
3 q5 ]; [# B1 y( u2 Fconst {headerMaterial,middleMaterial,bottomMaterial} = this.loadTexture ()
1 T5 u9 H6 q. o: r



loadTexture () {

: A- K; s  G8 x& O4 b$ f, ]        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')
! g* w& S! [/ d5 m! I0 q0 O

        const headerMaterial = new MeshBasicMaterial({
" k  l9 X$ A$ w0 V, b4 |            map: headerTexture
  v1 Y$ K5 \. }- P        })
' m4 S0 c1 e1 V9 v        const middleMaterial = new MeshBasicMaterial({
            map: middleTexture
        })
$ j6 p- l: Y% s2 F7 u* c        const bottomMaterial = new MeshBasicMaterial({
            map: bottomTexture
        })

. n- ]) P; Z$ Q: ]1 V6 h        return {headerMaterial,middleMaterial,bottomMaterial}
    }
7 y: q2 N5 y' Z4 |
5 J; p: ^4 q; B, Z1 G; ]