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

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

[复制链接]

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

2470

主题

1275

回帖

8万

积分

管理员

PLM之家站长

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

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

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

x
5 P2 |, y9 ]/ S, q1 T' e7 y6 I
使用TextureLoader的方法,添加图片进行load2 ^5 \, F4 e; }- S8 N8 Y( x' T  g

9 Z' f! d1 Q; j3 C3 r- q9 k结果如下:* ?) X. g* g3 }: ?. m, ?

  h7 T; y+ e5 i8 Q! N( q- m' h) a8 B* u% @9 I6 q* T
  w4 [/ {4 Z7 f: }8 [7 [# O
this.loader = new TextureLoader()% r- K8 `! s% m0 P$ _2 @- K
  C: m" `1 i# B8 i% {+ B3 L
const {headerMaterial,middleMaterial,bottomMaterial} = this.loadTexture ()1 F! x* p. P7 Y% V0 L
' I% ~' A( H3 e2 F: I

( j8 X5 ?/ P6 p' g) A* P% |4 n+ Y! f6 _' y

7 S( M2 i* J$ y2 PloadTexture () {9 {& x- n9 Q! x# j& N* s, r

9 b9 Y. m& e+ j+ ~; Q        const headerTexture = this.loader.load('/game/res/images/head.png')0 X+ d2 `8 y2 C$ G3 U. Z
        const bottomTexture = this.loader.load('/game/res/images/bottom.png')
) I$ \- v- W# h. [: K0 }2 Y( m        const middleTexture = this.loader.load('/game/res/images/middle.png')
9 a& _: J' X! X% Y) t* \1 m7 n. V6 E: e$ d/ P$ [

0 E8 f) _( y" \) [7 Q' r2 g. [9 t        const headerMaterial = new MeshBasicMaterial({
; W5 D! x- b' G* a            map: headerTexture$ {7 u7 q# B8 `! j+ @# w" x
        })
7 Q7 N+ F2 b1 F+ U- w$ w        const middleMaterial = new MeshBasicMaterial({& z( B0 b0 Z0 b5 k
            map: middleTexture) F5 T' {" B7 n1 r" Q, n( L
        }); Q0 `% q; q, G, S" I9 P. T
        const bottomMaterial = new MeshBasicMaterial({. x: U2 b/ b3 P5 ^9 l  o* _6 Y& {4 R
            map: bottomTexture
3 \8 N0 X  v; ^        })$ |4 B8 E0 w! k( J5 D6 N! C% H
+ h: y# I: e% T. `" N8 l4 ?, D
        return {headerMaterial,middleMaterial,bottomMaterial}! m8 ?; b% m; f1 \- U8 J
    }
% i0 m# Z6 }4 j5 O: f

$ _" U! }! [+ Y5 s2 Q6 _8 I' [1 _6 T0 c! P1 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二次开发专题模块培训报名开始啦

    我知道了