Как заменить и загрузить модель GLTF в готовый HTML-документ - PullRequest
0 голосов
/ 12 ноября 2018

Я скопировал код из https://threejs.org/examples/#webgl_loader_gltf и вставил его в HTML-документ. Я перекомпоновал все модели, текстуры и файлы .js локально из 3D-библиотеки JavaScript MrDoob https://github.com/mrdoob/three.js/. Когда я связываю файлы GLTF из его папки локально на моем компьютере, я могу просматривать их в Firefox, но когда я просто изменяю GLTF для моей модели я не могу видеть это. Я попытался свалить модель в блендере, прежде чем экспортировать ее, и я также попытался просмотреть ее в программе просмотра Babylon онлайн (у меня была возможность просмотреть мою собственную модель GLTF в программе просмотра Babylon онлайн без проблем).

				// 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**

...