Refraction with custom geometry

Description of the problem

Hello,

I noticed an issue with the Refraction example :

https://threejs.org/examples/?q=refr#webgl_refraction

If I change the plane by a box and rotate it, some times the shader show weird things :

Modifications of the example :

Line 81 : var refractorGeometry = new THREE.BoxBufferGeometry( 4, 4, 4 );

function render() { 

	refractor.material.uniforms.time.value += clock.getDelta();

	refractor.rotation.y += 0.02;

	renderer.render( scene, camera );

}

Three.js version

• r94

Browser

• All of them

OS

• All of them

[Mugen87]

The algorithm of Reflector and Refractor assumes there is a single reflection/refraction plane. I think you need a different approach if you want to support an arbitrary amount of planes defined by a group of planar polygon faces.

[mrdoob]

@mrdoob Should I correct your edit? 😉

Hehe, ops! I tried to make it more clear. I should have said PlaneGeometry, CircleGeometry, ShapeGeometry, …