Hi there, I’m tryna do this animation where there’re some grid items on viewport and when one is clicked it expands to full-screen and I think I did it but somehow I can’t get the planeGeometry to cover the full-screen instead it’s stretching from each left and right sides. I cloned the codrops arti…

The shader I wrote covers the viewport in the smallest direction to show the whole image. The sizing x/y can be flipped to make it cover the whole viewport instead with a small change. The shader isn’t very complex. I updated it here: https://codesandbox.io/p/sandbox/shader-forked-xp469x

Grid to Fullscreen animation

Questions

manthrax March 8, 2024, 6:27pm 2

I thought this has already been answered? I coded a solution for you, and you independently found your own partial solution? Might be worth exploring the solutions presented to you instead of just asking again, or at the very least, linking to the first post to provide context for anyone who choses to devote time to trying to help you.

4 Likes

Topic		Replies	Views
Portfolio website, but in 3D! Showcase geometry , animation , portfolilo-website	10	1958	May 10, 2019
How do we scale the PlaneGeometry based on the aspect ratio Questions geometry	2	693	May 3, 2023
Approach to project a shader of a plane geometry to a box geometry Questions materials , geometry , shaders	5	1408	January 19, 2022
Need Help with Full Screen Functionality in Three.js Questions	4	1076	May 22, 2024
Noob help with setup / instances and animation Questions loaders , geometry , animation	0	428	February 23, 2022

Grid to Fullscreen animation

Related topics