PLM之家PLMHome-工业软件与AI结合践行者

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

[复制链接]

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

admin 发表于 2020-2-6 12:46:58 |阅读模式

admin 楼主

2020-2-6 12:46:58

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

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

x

5 W+ ]+ C  X0 `: p  g7 y使用TextureLoader的方法,添加图片进行load% O" b6 ~4 h& g" u" j( M% W
2 M3 P- V% J0 c$ [
结果如下:- ?' F' o) v8 @% ~: K
& O5 k2 j; C5 q% O  `* l2 R( }

+ ~0 Q4 Y9 w8 w8 p- I; I, K
/ P) e3 b* Q! q3 W this.loader = new TextureLoader()
8 ]  d: V1 T2 D* n& f4 [- @' c5 e% c0 y& c$ r$ {
const {headerMaterial,middleMaterial,bottomMaterial} = this.loadTexture ()
5 Z8 U& p* X5 E1 T$ W

% }7 W8 ^1 I2 Y) G& ~( _6 o
: b& t% Q7 r3 q. \3 ^, }9 R* s
8 H9 Z9 k& x6 j
+ @. z! L4 w% J" s% t. \6 eloadTexture () {
+ W+ Z3 c1 j- G0 W, y& P. R' s2 W$ ~8 f5 |9 q3 Y" l4 e) K
        const headerTexture = this.loader.load('/game/res/images/head.png')0 r# @7 ^+ p4 H3 o. |9 x* ^2 L
        const bottomTexture = this.loader.load('/game/res/images/bottom.png')
; s$ h+ s7 Z! O7 Z/ d+ G        const middleTexture = this.loader.load('/game/res/images/middle.png')
. K# e3 j9 M. P6 W6 U8 L/ H, I7 R7 {  W* ]: k
% {9 a" x! p5 n8 Q/ z) O% \
        const headerMaterial = new MeshBasicMaterial({
$ s9 ^5 H2 y5 f! T2 Z# m            map: headerTexture3 X8 r# a7 Z1 @
        })% L6 K8 \9 h8 n! d
        const middleMaterial = new MeshBasicMaterial({5 e5 u) ]4 X  H: e- C- O5 a1 D
            map: middleTexture+ e6 g: ~( _) l& R1 |$ _6 W1 z5 K3 ?) r
        })
+ `9 S/ X5 S$ d2 z9 v        const bottomMaterial = new MeshBasicMaterial({
" H. ]7 D% z- b: T9 u, `            map: bottomTexture3 v6 m  f. I) z0 H
        })! ^0 H/ I/ m( W* O, {- C' `
! a# _8 y( Y% w) l  m& p8 K8 b
        return {headerMaterial,middleMaterial,bottomMaterial}* c4 Z% e9 ~$ p& M
    }7 \4 X" w+ I0 R5 W' f# x; n- l$ T

+ T( P$ U( f3 `
6 H, i: T7 f% s( |  Q7 |4 q
上海点团信息科技有限公司,承接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二次开发专题模块培训报名开始啦

    我知道了