使用ThreeJS添加纹理的方法

admin · 发表于 2020-2-6 12:46:58

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

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

×

使用TextureLoader的方法，添加图片进行load

结果如下：

this.loader = new TextureLoader()

const {headerMaterial,middleMaterial,bottomMaterial} = this.loadTexture ()

loadTexture () {

      const headerTexture = this.loader.load('/game/res/images/head.png')
      const bottomTexture = this.loader.load('/game/res/images/bottom.png')
      const middleTexture = this.loader.load('/game/res/images/middle.png')

      const headerMaterial = new MeshBasicMaterial({
         map: headerTexture
      })
      const middleMaterial = new MeshBasicMaterial({
         map: middleTexture
      })
      const bottomMaterial = new MeshBasicMaterial({
         map: bottomTexture
      })

      return {headerMaterial,middleMaterial,bottomMaterial}
}

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

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