Estoy tratando de agregar un modelo 3D en mi página web con Three.js, así que usé un GLTFLoader, pero me encuentro con un error 404 al buscar el modelo, lo que me parece extraño porque esta es la ruta correcta al modelo. Aquí está el error que me sale en la consola:
Error: buscar "http://127.0.0.1:5500/modele/voiture/scene.gltf" respondió con 404: No encontrado
En mi código js creé una función loadModel() que agregué en mi función init(). Esta es la función loadModel():
function loadModel() { // ------------ loader d'image 3D -------------- // const loader = new THREE.GLTFLoader(); //loader.setCrossOrigin('./'); loader.load('modele/voiture/scene.gltf', function(gltf){ var voiture = gltf.scene; voiture.scale.setScalar(5); scene.add(gltf.scene); voiture = gltf.scene.children[0]; rendu.render(scene, camera); }); }Cualquier consejo sobre mi código es bienvenido :D ¡Gracias de antemano!
Intente usar un "/" antes de la URL.
function loadModel() { // ------------ loader d'image 3D -------------- // const loader = new THREE.GLTFLoader(); //loader.setCrossOrigin('./'); loader.load('/modele/voiture/scene.gltf', function(gltf){ var voiture = gltf.scene; voiture.scale.setScalar(5); scene.add(gltf.scene); voiture = gltf.scene.children[0]; rendu.render(scene, camera); }); }O usa el enlace completo:
function loadModel() { // ------------ loader d'image 3D -------------- // const loader = new THREE.GLTFLoader(); //loader.setCrossOrigin('./'); loader.load("http://127.0.0.1:5500/modele/voiture/scene.gltf", function(gltf){ var voiture = gltf.scene; voiture.scale.setScalar(5); scene.add(gltf.scene); voiture = gltf.scene.children[0]; rendu.render(scene, camera); }); } Y si no funciona, intente ejecutar curl "http://127.0.0.1:5500/modele/voiture/scene.gltf" en su terminal. Si no obtiene algo, hay algún problema con el servidor o la URL.