PLM之家PLMHome-工业软件践行者

[前端框架] 使用ThreeJS添加纹理的方法

[复制链接]

2020-2-6 12:46:58 2187 0

2470

主题

1275

回帖

8万

积分

管理员

PLM之家站长

积分
82166
QQ
发表于 2020-2-6 12:46:58 | 显示全部楼层 |阅读模式

请使用QQ关联注册PLM之家,学习更多关于内容,更多精彩原创视频供你学习!

您需要 登录 才可以下载或查看,没有账号?注册

x
/ L3 X- |# n! d2 e
使用TextureLoader的方法,添加图片进行load, i8 g" \( Y3 J7 A* [

4 f7 K) D" c3 k0 \结果如下:
7 d8 {) C6 d! Q4 b! V$ A7 \. S' }2 x2 I3 e  u  E
7 R( r. j, G$ H7 M) `
" e; @, U7 j0 v5 p6 p" d
this.loader = new TextureLoader()% S/ Q+ c* j/ a& }6 k, X

- m1 y4 Q  h7 R+ e- s4 Cconst {headerMaterial,middleMaterial,bottomMaterial} = this.loadTexture ()7 B3 E8 u' j' b7 m& P) B9 I
/ e! v9 e/ `8 x
; Y$ M2 D% f) {+ L

9 K7 \( c' y/ W$ }& x# w, s2 o$ p" Z8 a: U# T. T. A3 W
loadTexture () {* g8 |5 v* @2 Q
" Q/ O. D% V9 p3 F
        const headerTexture = this.loader.load('/game/res/images/head.png')
7 ^8 {- h3 o4 Q$ q, e7 q        const bottomTexture = this.loader.load('/game/res/images/bottom.png')
% x7 j2 m( N1 V  F+ b        const middleTexture = this.loader.load('/game/res/images/middle.png')( ?8 k# @' M" {7 l; \+ }' ^. N
3 @4 }) n3 ^/ n% J* [1 c5 H
. T1 H# u1 s+ t; y6 ^& P' j
        const headerMaterial = new MeshBasicMaterial({
: U% j2 x2 O1 t5 Z4 E" S; N9 u            map: headerTexture% ?; N: k8 I" T; d# g  J  e! G$ l5 [7 K! O
        })' V. |8 f$ r3 r: Y7 F( Z+ I
        const middleMaterial = new MeshBasicMaterial({+ e" @) \4 w) ^
            map: middleTexture3 N) G+ D3 F* v2 G# x
        })
( ~% ]8 b4 {1 J. o. P5 x1 }$ e5 r# f        const bottomMaterial = new MeshBasicMaterial({
$ q1 _2 x' B- P            map: bottomTexture
  G5 @& c9 b! ], J# B6 V0 X/ M9 ~        })1 h8 z- C3 ?; ]! ?# [
( A  O; J: v0 H8 a; V3 {
        return {headerMaterial,middleMaterial,bottomMaterial}1 w% L) _/ a! n$ k! x: r. ?: S
    }
6 G! V- u+ c3 _) I9 ^0 ~" e

2 A' q6 g4 i- O7 G1 Q: i0 k8 c$ m- J
上海点团信息科技有限公司,承接UG NX,CATIA,CREO,Solidworks 等CAx软件,Teamcenter,3D Experience等PLM软件,工业4.0数字化软件的实施\二次开发\培训相关业务,详情QQ 939801026 Tel 18301858168 网址 doTeam.tech
回复

使用道具 举报

发表回复

您需要登录后才可以回帖 登录 | 注册

返回列表 本版积分规则

  • 发布新帖

  • 在线客服

  • 微信

  • 客户端

  • 返回顶部

  • x
    温馨提示

    本网站(plmhome.com)为PLM之家工业软件学习官网站

    展示的视频材料全部免费,需要高清和特殊技术支持请联系 QQ: 939801026

    PLM之家NX CAM二次开发专题模块培训报名开始啦

    我知道了