使用ThreeJS添加纹理的方法

admin

使用TextureLoader的方法，添加图片进行load
% S0 y7 w1 i4 ?3 ?- j5 ?% o/ [( k
: B1 A0 e  l# E! g; L0 e结果如下：
0 `8 i3 i6 c. b3 s
$ ~2 w9 g8 T- D
1 U; v1 b* g; Y6 e8 h
this.loader = new TextureLoader()

const {headerMaterial,middleMaterial,bottomMaterial} = this.loadTexture ()
* M0 G% @* P- u2 K6 P( Z

/ Z5 t. j3 w2 [3 j/ h
% Q3 _. @6 h" q7 Y- f
0 D1 Z3 \6 E8 N! [loadTexture () {
. ~% |9 \9 O$ Q
        const headerTexture = this.loader.load('/game/res/images/head.png')
        const bottomTexture = this.loader.load('/game/res/images/bottom.png')
" v1 t. x% G5 [9 Y        const middleTexture = this.loader.load('/game/res/images/middle.png')
% ^3 w4 y  M# _1 [0 t9 R
1 J' D3 ]! z) F, K+ o: m0 r; w- F9 d6 \
- V* ?& W9 s& h( S        const headerMaterial = new MeshBasicMaterial({
            map: headerTexture
        })
        const middleMaterial = new MeshBasicMaterial({
            map: middleTexture
        })
        const bottomMaterial = new MeshBasicMaterial({
* F1 h2 p6 _2 R* x% Y* w7 ?, W            map: bottomTexture
- {' N! w1 o; H) b- S, C0 T        })
+ q: e0 Z  Y; ^% h; }5 j9 w
        return {headerMaterial,middleMaterial,bottomMaterial}
    }


# x5 t. D, _8 F. L