使用ThreeJS添加纹理的方法

admin

/ E- t: ?) B8 Q" Y$ u* g使用TextureLoader的方法，添加图片进行load
( ]6 [0 E) ]6 x- q7 x
结果如下：


3 Y& r( {! ~, u
this.loader = new TextureLoader()
- f0 d. I" L* ~, _
const {headerMaterial,middleMaterial,bottomMaterial} = this.loadTexture ()
6 t' N4 J& ^+ I" L9 N
) t6 }- j: j$ ]0 {7 k

' \2 R7 p. d- V7 I
loadTexture () {

        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')

: ?6 G% p( e* m3 M- t  j3 s- ?2 O
        const headerMaterial = new MeshBasicMaterial({
/ w1 Z. Q. R/ u9 H/ v8 o            map: headerTexture
        })
! k4 C8 _; J& p) I) m3 d6 [0 I+ o        const middleMaterial = new MeshBasicMaterial({
1 P! t5 n3 H" g& L( d            map: middleTexture
        })
        const bottomMaterial = new MeshBasicMaterial({
            map: bottomTexture
. w5 n# E3 Y0 _0 Y        })
1 T( P$ U: o. L4 J
: q+ k2 s# p  D2 T3 K2 f* ^9 x' |. g* ~        return {headerMaterial,middleMaterial,bottomMaterial}
3 t3 m& j: f4 j6 z) n    }


: l$ d* u8 U- Y8 t5 e