使用ThreeJS添加纹理的方法

admin

使用TextureLoader的方法，添加图片进行load
# b: M+ c2 k' r) p
结果如下：
( X$ N- H, ?8 ]" _

/ T; F9 R. [/ l( I* U
this.loader = new TextureLoader()
6 c- Q0 z4 ^# r7 c% ~1 D
# R$ J* i) k: \, D" A9 H0 bconst {headerMaterial,middleMaterial,bottomMaterial} = this.loadTexture ()
$ c& e  E) \& D, y; _/ b4 u


' E# U$ C2 N& F; A/ }% @
loadTexture () {
# A; |( o9 G2 D9 j6 v
( z( N; d+ u& t& Q$ j0 J3 Q$ O        const headerTexture = this.loader.load('/game/res/images/head.png')
- _; K/ u, r) ~! l- I        const bottomTexture = this.loader.load('/game/res/images/bottom.png')
# Z; w. U' w/ X" l4 J        const middleTexture = this.loader.load('/game/res/images/middle.png')

* b4 \' F: J" v3 c
        const headerMaterial = new MeshBasicMaterial({
            map: headerTexture
        })
8 F: Q; K" o7 W& k        const middleMaterial = new MeshBasicMaterial({
            map: middleTexture
  T& S- B, I# G  {% g) q$ P        })
        const bottomMaterial = new MeshBasicMaterial({
            map: bottomTexture
" t8 b: H! s- ]. T# A& _/ o8 q2 A        })
* R' ]* W) v# y  O; l; j( o8 v' w& d
5 \3 g! e' {: B  ]1 ^        return {headerMaterial,middleMaterial,bottomMaterial}
    }