使用ThreeJS添加纹理的方法

admin

使用TextureLoader的方法，添加图片进行load

- `& W* V+ H7 u( U) d6 `! M) g结果如下：

1 m0 O- m1 s1 a. K: g6 {% g% I
# S" {' t0 Y, `' X
6 t# }& T4 V. Z( S2 t$ p  p; t this.loader = new TextureLoader()
4 z/ _4 K+ P$ ~
% g# T* |; b! \const {headerMaterial,middleMaterial,bottomMaterial} = this.loadTexture ()


+ H, q  M/ O7 q1 P0 @/ _) L
/ ~: J' c  X4 ^' X
loadTexture () {

        const headerTexture = this.loader.load('/game/res/images/head.png')
        const bottomTexture = this.loader.load('/game/res/images/bottom.png')
1 R9 d# J. H) ?0 A) x- X, P: t        const middleTexture = this.loader.load('/game/res/images/middle.png')
' z, r% m0 A7 W: Z% F, \

        const headerMaterial = new MeshBasicMaterial({
            map: headerTexture
' c- A6 h( H# E1 \5 h( R8 I$ t        })
        const middleMaterial = new MeshBasicMaterial({
            map: middleTexture
5 C) ~9 _4 Q$ ^        })
% P) N$ Z& u& K* c2 D/ z3 H" e        const bottomMaterial = new MeshBasicMaterial({
            map: bottomTexture
        })

        return {headerMaterial,middleMaterial,bottomMaterial}
- w0 O5 I0 j* k    }
1 x0 O3 {( p- v0 M
) {6 f  @! k) Z: }# h
6 o. D) D/ R8 r