使用ThreeJS添加纹理的方法

admin

使用TextureLoader的方法，添加图片进行load
1 \3 X$ e" N" X
结果如下：
# t1 \8 g1 K9 S" j, Y+ Y

$ q; E" ^' ]3 H3 H1 M
this.loader = new TextureLoader()
( \& x7 a* F/ F7 P
8 w8 L; G  }5 c2 Zconst {headerMaterial,middleMaterial,bottomMaterial} = this.loadTexture ()

* t; Y& G. S( X. v
. i& S6 K9 d) ^- W
' d* X* A# A6 y: {
loadTexture () {

9 U+ q* o+ G( {) F4 c6 ?/ G( e        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')

9 U8 l0 k7 o/ H$ b! ]
        const headerMaterial = new MeshBasicMaterial({
            map: headerTexture
! A/ x! x2 N1 _1 P* ~        })
        const middleMaterial = new MeshBasicMaterial({
% R8 \& S4 y1 q! h  k            map: middleTexture
' z. D& P% W! s9 b        })
        const bottomMaterial = new MeshBasicMaterial({
, j# k0 v* U8 P4 O            map: bottomTexture
        })
- h8 w9 \# c! {, W. Z3 z5 s, v3 D! k
! M- T5 Q3 U2 U4 C/ w7 n$ h        return {headerMaterial,middleMaterial,bottomMaterial}
6 Z3 P0 h. |1 t- D) U    }
1 y' x, e8 O' S2 ?

/ t7 D: ]; o, p- }7 ?5 v