如何将GLTF模型替换并加载到现成的html文档中

时间:2018-11-12 05:14:16

标签: webgl gltf

我已从https://threejs.org/examples/#webgl_loader_gltf复制了代码并将其粘贴到html文档中。我从MrDoob的JavaScript 3D库https://github.com/mrdoob/three.js/重新本地链接了所有模型,纹理和.js文件。当我从本地计算机上的他的文件夹中链接GLTF文件时,我可以在Firefox中查看它们,但是当我只是将GLTF更改为我的模型时,我看不到它。在导出模型之前,我曾尝试在Blender中按比例缩小模型,也尝试在在线的巴比伦查看器中查看它(我可以在在线的巴比伦查看器中查看自己的GLTF模型,没问题)。

				// model
				var loader = new THREE.GLTFLoader();
				loader.load( '../../skull_downloadable/scene.gltf', function ( gltf ) {

				gltf.scene.traverse( function ( child ) {

						if ( child.isMesh ) {

							child.material.envMap = envMap;

						}

					} );

					scene.add( gltf.scene );

				}, undefined, function ( error ) {

					console.error( error );

				} );

				renderer = new THREE.WebGLRenderer( { antialias: true } );
				renderer.setPixelRatio( window.devicePixelRatio );
				renderer.setSize( window.innerWidth, window.innerHeight );
				renderer.gammaOutput = true;
				container.appendChild( renderer.domElement );
				window.addEventListener( 'resize', onWindowResize, false );

				// stats
				stats = new Stats();
				container.appendChild( stats.dom );

			}

			function onWindowResize() {

				camera.aspect = window.innerWidth / window.innerHeight;
				camera.updateProjectionMatrix();

				renderer.setSize( window.innerWidth, window.innerHeight );

			}

Here is an image of my firefox console log**

0 个答案:

没有答案