I am encountering an issue where some textures appear transparent when rendered in the browser using Three.js. Can anyone suggest a solution? I am relatively new to learning Three.js.
Here is an image illustrating the problem
loader.load(model, (object) =\>
{
object.position.set(-0.8,-0.5,-0.2)
scene.add(object)
scene.add(pointLight)
renderer.render(scene, camera);
document.body.appendChild(renderer.domElement);
const controls = new OrbitControls(camera, renderer.domElement);
camera.position.z = 2;
camera.position.y = 1;
camera.position.x = 2.8;
function animate(){
requestAnimationFrame(animate);
controls.update();
renderer.render(scene,camera);
}
animate();
}
I have tried with multiple models, but the issue persists consistently.