Hello everyone, hope you are having a great day. I am working with an artist doing a web integration of his work in WebGL. To be honest, This is the first time I’m using three.js, but I think I can do some of the things here. The thing is, I want to replicate a mirror effect with one of his pieces.…

What version of three.js are you using?

I’m using r115, should I update it?

Hey thanks for answering! It works fine now. The thing now is that I want to create a mirror based on a GLB file, using GLTF. I used the geometry of the mesh I imported, but the mirror now seems to be reflecting another angle (I think is phased 90 degrees and upside down). I just found out it change…

The geometry of the mirror has to be flat. It does not work for geometries with a volume. Can you please ensure that this is the case in your app?

Yes, I ensured Im using a plane made in Blender [Capture] CIRCLE.blend (1.7 MB) Mirrors are the ones in Espejos Collection

Can you please try it with CircleBufferGeometry first? Just to ensure it’s not a problem with the geometry exported from Blender.

Hey, thanks for keeping up in this topic. Yes, as I shared in the first code, I used CircleBufferGeometry. Im going to test if I make a circle plane in blender and if this error persist, I’ll share it with you.

Hey! I just tested with a circle plane made in blender. Seems to be that it works with CircleBufferGeometry but not with a circle imported from a GLTF file. Blender: [circle.PNG] Three.js refractor: [circle2]

Swapping Z for -Y is a exporter setting under Transform. It should be checked.

How to fix rendering from a reflector?

Questions

Mugen87 May 29, 2020, 2:11pm 4

Yes, there was a PR for r116 which fixed this kind of rendering issues.

Topic		Replies	Views
Weird behaviour when using MeshReflectorMaterial in a Blender-exported gltf model Questions materials , gltf , reflector , drei	2	518	October 10, 2023
Error using Reflector Questions reflector	0	368	October 24, 2022
Reflector reflects what's behind the mesh Questions reflector	14	1664	March 23, 2023
Problem with R3f reflector VS three's ('three/examples/jsm/objects/) reflector.js Questions materials , geometry , react-three-fiber , reflector	1	2033	February 3, 2022
Mirror Reflector performance down Questions mirror	0	986	November 5, 2019

How to fix rendering from a reflector?

Related topics