Magnifier using Three.js and react fiber

Questions
1

Hi,

How to apply a magnifier effect to a scene with three fiber ? I saw some stuff in this channel and this : https://codepen.io/strangerintheq/pen/VNMbOV but it is with normal three.js. Here’s what I have made with EffectComposer, shaderPass (and IA), there is no bug but I can’s see the effect : https://eg-2telmuuvf-amaurypichats-projects.vercel.app/

What is the meta for this currently ? Thank you.

2

I made a magnifying lens with meshphysicalmaterial before. Iirc it just worked out of the box if you set the thickness params.

If you need more like… a camera zoom… you can animate the camera.fov followed by camera .updateProjectionMatrix()

edit: oh i see u want r3f… is this Fisheye camera (tested with Bruno Simons Level1) + code relevant ?

2 Likes