Me gustaría mostrar solo el valor seleccionado (en este caso, el modelo 3D) de la opción desplegable. Solo uno seleccionado debe ser visible para la cámara. Aquí está la parte del código con la que estoy atascado:
const loader = new GLTFLoader().setPath('models/gltf/modeldatabase/'); for (let i = 0; i < prefabcontainer.length; i++) { let prefabResource = prefabcontainer[i]; loader.load(prefabResource, function (gltf) { object = gltf.scene; object.scale.set(5, 5, 5); var select = document.getElementById("selectPrefab"); prefabResource = prefabResource.replace(/\..+$/, ''); var prefabElement = document.createElement("option"); prefabElement.textContent = prefabResource; prefabElement.value = prefabResource; select.appendChild(prefabElement); scene.add(object); render(); }, undefined, function (error) { console.error(error); }) }Prefabcontainer es solo un simple script js:
let prefabcontainer = [ 'shotgun.gltf', 'pistol.gltf']; export{prefabcontainer};Y aquí está la parte html:
<div><select id="selectPrefab">Agradezco su ayuda, gracias!