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

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

[复制链接]

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

2470

主题

1275

回帖

8万

积分

管理员

PLM之家站长

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

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

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

x
% c5 S- u+ T; B4 V, A3 \, Z5 C. Q. |
使用TextureLoader的方法,添加图片进行load
& T4 O- p; t, _7 \) U1 ]& B2 c* b
: J, C) X# ]# J1 l6 ^) |( a# |结果如下:
  O; g0 ?6 z" M; S* ]7 a3 \$ e1 R" l

/ o& y# I6 d4 O  p- \9 b: G* T- T, L8 e5 n: [9 K, N
this.loader = new TextureLoader()7 U# [8 ^  a8 {) n5 k

$ s8 {. G% S5 E2 V; U- q5 |const {headerMaterial,middleMaterial,bottomMaterial} = this.loadTexture ()% {- Y/ w% Q$ G$ F# b

& O, V( ^1 d; B
; {( X( K$ j  e, A) x' r
3 G2 ?9 a* j1 }! e1 }. ~$ `1 D8 T% r% ]/ t
loadTexture () {
& U! L: l9 g1 |  o4 W. t* C1 G6 c- P$ ?! A2 f" g
        const headerTexture = this.loader.load('/game/res/images/head.png')
3 d3 P8 ?- t2 z+ r0 Y        const bottomTexture = this.loader.load('/game/res/images/bottom.png')
0 z5 H, c/ F! Q6 m, \7 _  @! ~) Y        const middleTexture = this.loader.load('/game/res/images/middle.png')
2 S4 }7 g% H3 P( I. y1 D, ]9 X3 s0 R" ~5 ], J: F/ O6 b# D

" @* }( P8 N/ ?9 ~8 i( D7 n3 m        const headerMaterial = new MeshBasicMaterial({
/ G5 W' |: J" X5 m/ J" \; O            map: headerTexture
/ U) R! H3 ~- M        })
% d% Y; b( C; e) F8 J* x4 J        const middleMaterial = new MeshBasicMaterial({4 y  C: f, C6 I7 w- }
            map: middleTexture
* x7 M" h, X/ k" e" X        })
! ^9 {( j& q; g* k% \& \4 o1 v7 q        const bottomMaterial = new MeshBasicMaterial({9 ~& X# @5 B7 j' p# `
            map: bottomTexture. g$ `) q, I% e$ T( Q' _  L" M2 \
        })
- w; Z  [7 i, H( s8 t4 w
3 w( \6 {6 }3 B1 Y, C4 {' {! u( c& C        return {headerMaterial,middleMaterial,bottomMaterial}
7 |- e  ~. l; N. L2 |$ r    }& \+ G) I: R0 H9 Z
5 k0 c+ H0 z+ ^/ ~
1 [6 O3 o6 z" E+ H
上海点团信息科技有限公司,承接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二次开发专题模块培训报名开始啦

    我知道了