Three.js中导入gltf格式的模型并给gltf模型添加贴图

第一步：引入gltfloader

导入gltf并贴图代码：

let loader = new THREE.GLTFLoader(); /*实例化加载器*/var textureNormal = textureLoader.load('./images/ambient_occlusion.jpg');loader.load('./model/dnz.gltf', function(obj) {console.log(obj);obj.scene.scale.set(5, 10, 5);obj.scene.position.x = px;obj.scene.position.y = py;obj.scene.position.z = pz;obj.scene.rotation.y = ry;obj.scene.traverse(function (gltf) {if(gltf.type === 'Mesh'){gltf.material = new THREE.MeshPhongMaterial({color: 0xcccccc,map:textureNormal,normalScale: new THREE.Vector2(3, 3),})}})scene.add(obj.scene);})

备注：加载贴图要先申明贴图模型

let textureLoader = new THREE.TextureLoader();

除此以外对gltf格式的操作在obj.sence中。一定要用遍历traverse否则会报错。

Three.js中导入gltf格式的模型并给gltf模型添加贴图相关推荐

在js中实现邮箱格式的验证
在js中实现邮箱格式的验证 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <ht ...
oracle ioc图标,如何在PPT中导入ico格式的图标
如何在PPT中导入ico格式的图标以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧! 如何在PPT中导入ico格式的图标在 ...
使用EndNote在word中导入IEEE格式的参考文献
使用EndNote在word中导入IEEE格式的参考文献安装EndNote 在word中安装EndNote插件将IEEE格式的参考文献导入 @ Author : Leo @ Mail : leo_ ...
Three.js中导入GLTF模型变黑无法看到模型
一个下午都在Three.js官网导入GLTF模型,但是很不幸,根据官网DEMO中一直待有texture纹理,不能单独载入模型,后经一番查找,发现其实早已经单独讲模型载入到网页中,但是模型与背景色均为黑 ...
【flash】flash中导入flv格式的视频问题
一.需求想做一个flash,里面想插入一段视频,最后生成一个文件,而不是调用外部的视频.使用的flash版本是flash cs6.视频是一个mp4格式的视频. 二.理论 flash cs6只能导入f ...
js中导入引用外部js
方法一使用绝对路径,稳妥引入js.适用于各种浏览器. 在js中加入代码: var baseurl = window.location.protocol+'//'+window.location.ho ...
fastadmin使用three.js，导入xyz的txt文件，展示3D模型
1.安装three.js bower install three --save 2.在require-backend.js引入three.js 我是在后台展示所以在require-backend中引入 ...
Excel中导入Unix格式时间戳小技巧
转自:http://jingyan.baidu.com/article/a501d80cc7e9f3ec620f5e7a.html 步骤/方法 Excel默认不支持Unix格式时间戳,这在导入数据时十 ...
在Unity中导入fbx格式文件
unity中是以米为单位,要想让3dmax中建的模型导入到unity中与unity自带的3d object尺寸一致,最直接的办法是将3dmax中的系统单位也设成米.在三维软件里设置在菜单->自 ...
JS中对于email格式的判断
var email=$('#eMail').val(); if(email.length>0){if(email == null || email.length < 2){alert('郵 ...

Three.js中导入gltf格式的模型并给gltf模型添加贴图

第一步：引入gltfloader

导入gltf并贴图代码：

Three.js中导入gltf格式的模型并给gltf模型添加贴图相关推荐

最新文章

热门文章