Maintain object position when scaling browser

Hey!

How can i maintain my object position when scaling my browser window like on this site: https://www.outpost.design/?

I want to keep the same width and height all time

What do you mean exactly? It’s already behaving as it should be!

1 Like

@Fennec: maybe the vertical resize is ruining the size?!?

(old demo of maintaining fixed size: https://codepen.io/boytchev/full/GRPMaBL)

3 Likes

If you guys would like to know what the solution was, it had nothing to do with threejs.

Just a simple css hack with the wrapper placed position fixed and the canvas position absolute.

I’ve updated my codepen so you can take a look, pls feel free to optimise my code. I have a feeling that i overdo my code and it could be a lot easier/cleaner