threejs gltf 修改materail材质颜色与贴图 贴图不生效
异常:可修改颜色但不能加贴图,图片路径无误
实际使用中的部分关键代码
//新建纹理
var texture = new THREE.TextureLoader().load( "texture/Bricks052_1K_Color.jpg" );texture.encoding = THREE.sRGBEncoding;texture.flipY = false;texture.needsUpdate = true;texture.wrapS = THREE.RepeatWrapping;texture.wrapT = THREE.RepeatWrapping;texture.repeat.set( 4, 4 );
//新建材质
var tmaterial = new THREE.MeshStandardMaterial({ map: texture });
//加载模型部分代码
loader.load('model/000.glb',( gltf )=> {//改变子模型材质gltf.scene.children[0].material = tmaterialgltf.scene.children[0].material.needsUpdate = true;gltf.scene.traverse( function ( child ) {//放射光颜色与放射光贴图 不设置可能导致黑模if ( child.isMesh ) {child.material.emissive = child.material.color;child.material.emissiveMap = child.material.map ;}} );const senc = gltf.scene || gltf.scene[0];this.scene.add( senc );//创建一个网格 将 宽度x =100 y=200 z=100、分段数皆为1立方体 与 材质 添加进去;//向场景添加长方体网格对象}, undefined, function ( error ) {console.error('加载错误:'+ error );} );
代码经使用盒模型测试替换效果是无误的
但是gltf模型只能改变颜色却无法显示贴图,经过一番苦苦搜索发现问题应该是模型本身的设置问题
导出的原模型不论有无贴图都须添加UVmap设置才能在threejs中操作,这里以Blender软件界面为例
threejs gltf 修改materail材质颜色与贴图 贴图不生效相关推荐
- python教程-数据分析-matplotlib绘制折线图2 +总结(搭建网格,加上图例,修改图片的颜色和线条,脑图总结)
上一篇博客我们展示到了如何将matplotlib里面的中文正确输出 链接上一篇:python教程-数据分析-matplotlib绘制折线图1 matplotlib 今天这一篇我们继续学习matplot ...
- 基于ThreeJS修改模型材质
基于ThreeJS修改模型材质 示例描述与操作指南 示例效果展示 实现方式 示例描述与操作指南 当前示例用于展示如何在模型上改变构件的材质.材质和几何体构成网格,决定几何体是否像金属,透明与否,是否展 ...
- 【Unity3D日常开发】修改游戏对象的材质颜色
推荐阅读 CSDN主页 GitHub开源地址 Unity3D插件分享 简书地址 我的个人博客 QQ群:1040082875 一.前言 前段时间比较忙,好久没更新博客了,感觉技术都下降了,还是要坚持输出 ...
- unity动态修改标准材质自发光(Emission)
目录 一.目的 1.想知道:unity动态修改标准材质自发光(Emission) 二.参考 1Unity利用材质自发光实现物体闪烁 三.操作:一:完成:变换材质自发光的数值 1.运行效果:材质变换了 ...
- three.js问题记录---MeshLambertMaterial材质颜色失效
初学three.js,跟着教程走都比较顺利,自己尝试写个demo的时候发现创建一个物体,在给材质颜色的时候出现了一个问题. 在three.js官网文档(https://www.techbrood.co ...
- jquery入门 修改网页背景颜色
我们在浏览一些网站,尤其是一些小说网站的时候,都会有修改页面背景颜色的地方,这个功能使用jquery很容易实现. 效果图: show you code: <!doctype html> & ...
- R语言散点图可视化:自定义标题和标签、拟合回归线、lowess为散点图添加平滑拟合线、修改散点图中点颜色和点符号、分组散点图、添加图例、pairs可视化散点图矩阵、ggplt2可视化、lattice
R语言散点图可视化:自定义标题和标签.拟合回归线.lowess为散点图添加平滑拟合线.修改散点图中点颜色和点符号.分组散点图.添加图例.pairs可视化散点图矩阵.ggplt2可视化.lattice ...
- Java游戏编程前篇 修改eclipse背景颜色
最近准备开始研究java游戏设计了.(不是安卓的游戏设计,关于安卓的游戏设计,我打算学完java之后直接学cocos2dx,学习java的原因是因为在公司里接触到了eclipse,所以打算顺便将jav ...
- android webview 设置文字颜色,android webView 修改页面字体颜色
webview加载一个界面后,在onPageFinished中加入修改页面字体颜色css,如下String nightCode = ""; try { InputStream is ...
最新文章
- 1万条数据大概占多大空间_9月漫画数据月报丨多平台评论数,收藏数较上月大幅下降...
- 迪杰斯特拉算法 php,Dijkstra算法的复杂度
- 老人为什么要去依靠曾经不喜欢的子女去为她养老?
- python编程100例-python100例,python经典例题
- 扩展欧几里得原理与模板
- Docker之使用Dockerfile创建定制化镜像(四)--技术流ken
- adadelta算法_机器学习中的优化算法(3)-AdaGrad, Adadelta(附Python示例)
- 一台计算机数据丢失与恢复,数据丢失后的六种计算机恢复方法
- cf1504E - Travelling Salesman Problem
- word实用技巧--学一个记一个
- 初识顶点/片元着色器
- 如何批量给文件重命名?
- swap()函数实现变量值的交换
- base64照片压缩
- SAP物料货架寿命管理
- 前端复习笔记--1.html标签复习速查
- Python Pygame|实现GIF(gif)动图的加载和降帧【源码+解析】
- Unity:从入门到入行【全面总结,建议收藏】
- 如何个性化的设置自己的博客
- python与h5结合实例_H5案例分享:CSS3动效实例篇一