使用Three.js 心得系列三 Three.js 如何加载GlTF文件

最新推荐文章于 2024-09-05 20:59:19 发布

霍先生的虚拟宇宙网络

最新推荐文章于 2024-09-05 20:59:19 发布

阅读量2.6k

点赞数 4

分类专栏：前端文章标签： Threejs加载3d模型 three.js加载gltf

本文链接：https://blog.csdn.net/u010919083/article/details/111300077

版权

前端专栏收录该内容

19 篇文章 1 订阅

订阅专栏

这个就比较简单了，在我的这个系列文章一里代码已经包含：

这里单独抄出来：

 // 加载模型
	 (function(){

		 //const loader = new GLTFLoader().setPath( './models/gltf/DamagedHelmet/glTF/' );
		 //loader.load( 'DamagedHelmet.gltf', function ( gltf ) {
		 const loader = new GLTFLoader().setPath( './01Images_Test/' );
		 loader.load( 'miner.gltf', function ( gltf ) {
			 gltf.scene.traverse( function ( child ) {

				 child.name="main_mode";

				 if ( child.isMesh ) {

					 // TOFIX RoughnessMipmapper seems to be broken with WebGL 2.0
					 // roughnessMipmapper.generateMipmaps( child.material );

				 }

			 } );
             //gltf.userData.name="main_mode";
			 scene.add( gltf.scene );
			 //roughnessMipmapper.dispose();
			 render();

		 } );
	 })()