Refractor for use in OrthographicCamera?

nvassalo · June 6, 2018, 3:30pm

Hi,

Using @Mugen87 's Refraction class on a scene that uses an Orthographic Camera (essentially using the Refractor a post-processing plane for a specific area and z-position on the scene). Just noticed it works if I’m using a PerspectiveCamera, but not with an OrthographicCamera…it seems to have to do on the inner working of the Refraction Camera depending on a perspective to render to the framebuffer, but shouldn’t it work nonetheless?

Mugen87 · June 6, 2018, 3:38pm

No, the internal virtual camera of Reflector and Refractor is a perspective camera. I’m actually not sure what happens if you change it to an orthographic camera .

github.com

mrdoob/three.js/blob/ca521eb4af7554e760f14d8fe8b451c8ff34deb8/examples/js/objects/Refractor.js#L24


	options = options || {};

	var color = ( options.color !== undefined ) ? new THREE.Color( options.color ) : new THREE.Color( 0x7F7F7F );
	var textureWidth = options.textureWidth || 512;
	var textureHeight = options.textureHeight || 512;
	var clipBias = options.clipBias || 0;
	var shader = options.shader || THREE.Refractor.RefractorShader;

	//

	var virtualCamera = new THREE.PerspectiveCamera();
	virtualCamera.matrixAutoUpdate = false;
	virtualCamera.userData.refractor = true;

	//

	var refractorPlane = new THREE.Plane();
	var textureMatrix = new THREE.Matrix4();

	// render target

nvassalo · June 6, 2018, 4:26pm

You’re right. I changed it to ortographic and that alone shows nothing rn.
Probably has to do with all the matrix calculations below

Mugen87 · June 6, 2018, 4:34pm

I think the calculation of an oblique view frustum does not work with orthographic projection.

github.com

mrdoob/three.js/blob/ca521eb4af7554e760f14d8fe8b451c8ff34deb8/examples/js/objects/Refractor.js#L127-L155


			// The following code creates an oblique view frustum for clipping.
			// see: Lengyel, Eric. “Oblique View Frustum Depth Projection and Clipping”.
			// Journal of Game Development, Vol. 1, No. 2 (2005), Charles River Media, pp. 5–16


			clipPlane.copy( refractorPlane );
			clipPlane.applyMatrix4( virtualCamera.matrixWorldInverse );


			clipVector.set( clipPlane.normal.x, clipPlane.normal.y, clipPlane.normal.z, clipPlane.constant );


			// calculate the clip-space corner point opposite the clipping plane and
			// transform it into camera space by multiplying it by the inverse of the projection matrix


			var projectionMatrix = virtualCamera.projectionMatrix;


			q.x = ( Math.sign( clipVector.x ) + projectionMatrix.elements[ 8 ] ) / projectionMatrix.elements[ 0 ];
			q.y = ( Math.sign( clipVector.y ) + projectionMatrix.elements[ 9 ] ) / projectionMatrix.elements[ 5 ];
			q.z = - 1.0;
			q.w = ( 1.0 + projectionMatrix.elements[ 10 ] ) / projectionMatrix.elements[ 14 ];


			// calculate the scaled plane vector

This file has been truncated. show original

Topic		Replies	Views
How to make reflectorjs work normally under OrthographicCamera？ Questions orthographic-camera , reflector	0	331	December 8, 2022
Reflector.js not working with OrtographicCamera Questions reflector	0	54	April 3, 2024
How to use OrthographicCamera in react? Questions camera	1	517	October 2, 2022
[SOLVED] Use an OrthographicCamera to render a depth map Questions orthographic-camera	7	1802	January 31, 2024
Renderer size and Orthographic Camera: View gets distorted Questions orthographic-camera	11	2357	April 2, 2020

Refractor for use in OrthographicCamera?

Related Topics