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

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

[复制链接]

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

2470

主题

1275

回帖

8万

积分

管理员

PLM之家站长

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

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

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

x

! R' {& U1 p0 J使用TextureLoader的方法,添加图片进行load, O- F7 F: l9 C9 g! ?. o1 C% y# z
: o. @& S  R+ d( O( ?
结果如下:
. \. n( p. |- q; }5 H% X
9 H  ^$ K# o9 }3 _: e) g$ f- k% D. W& C4 q

: |3 s7 p- O1 f& a  T this.loader = new TextureLoader()
* |6 h  o4 i6 z/ I: o/ Y. {$ e. Z% ?1 Q$ Y) B
const {headerMaterial,middleMaterial,bottomMaterial} = this.loadTexture ()" }& m) U! _  `+ D
9 T6 z& |' p% P3 M5 |# g6 r! \& L3 i

; `1 j9 F9 M' n5 N. f) ~) `4 p: i3 p

6 p* r: O" g/ U+ I' k3 bloadTexture () {
" S% s. v( a' y  f* H, C" w! h5 B
7 |% `; @. j, N, O! C        const headerTexture = this.loader.load('/game/res/images/head.png')
: R: e5 f: D( u' f3 ?$ M        const bottomTexture = this.loader.load('/game/res/images/bottom.png')
$ H$ G3 e# G/ F        const middleTexture = this.loader.load('/game/res/images/middle.png')7 m( x& Q7 q! `9 e: ^4 a
" K- O: e/ W' S4 o
2 P1 X, V$ K! E- @  @  t7 A
        const headerMaterial = new MeshBasicMaterial({/ [; g6 H- H- {$ u7 u
            map: headerTexture2 z1 V' Y2 X% @* n7 [: l! W
        })7 Q+ j' F1 y  Y9 X5 C
        const middleMaterial = new MeshBasicMaterial({
3 W- h  J( `8 u! R& u2 s0 z            map: middleTexture1 ~7 N/ ?5 s9 U4 H4 Y4 ?
        })
! O% h% c# U0 k4 Z3 {" j        const bottomMaterial = new MeshBasicMaterial({
+ V2 Z# q! i' r, |3 I            map: bottomTexture
6 K  q1 y! G% W, u        })8 T% y3 |" l) R" S$ ]+ b0 x
8 Q2 \: F* h7 S4 b! E. J, l
        return {headerMaterial,middleMaterial,bottomMaterial}
  S9 S  J% |! w( q& b& D( a8 R    }' E3 `3 b1 D- D$ }# E* k5 R
8 F' ]& g; i% |/ A$ C" Z9 G
: S: B( M2 k6 I
上海点团信息科技有限公司,承接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二次开发专题模块培训报名开始啦

    我知道了