Hi, I want to achieve this effect:
https://otherside.xyz/
I'm using React. If you can point me into right direction. It'll be greatly appreciated!
#Mirror split effect
fallow yacht
clever helm
I did something similar with uv.y = abs(uv.y);
fallow yacht
I did something similar with `uv.y = abs(uv.y);`
Looks awesome, How did you achieve this?
light flax
Looks awesome, How did you achieve this?
I believe that's a postprocessing effect
with a custom shader
forest pawn
Looks awesome, How did you achieve this?
it literally says how in the message you replied to 😔
fallow yacht
Haha mb, I'm actually really new to three.js & I don't know geometry :(
clever helm
it's all drawn on a plane (2 x 2) and rendered with THREE.Camera() 🙂
"All" I mean the background
The spheres, it's the other scene + perspective camera
forest pawn
it's all drawn on a plane (2 x 2) and rendered with `THREE.Camera()` 🙂
so you mean even if docs say that
this class is not intended to be called directly
you can still use it?
is it with manual matrix control or something
clever helm
@forest pawn
"not intended" doesn't mean you can't use it )
This cam is something like OrthographicCamera, that renders a quad 2x2 (so, that's why there is the plane of the same size)
forest pawn
but uvs would still be 0...1 then
clever helm
yup, I pass screen resolution into shader to calculate its ratio