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
Beginner to Three.js looking for guidance on working with the vertices of a mesh Questions geometry	3	1031	June 6, 2019
Approach to project a shader of a plane geometry to a box geometry Questions materials , geometry , shaders	5	1167	January 19, 2022
How to smooth out animating geomety vertices Questions geometry , shaders , animation , vertices	2	90	April 21, 2024
Help width widthSegments, heightSegments, and Height Map size on PlaneGeometry Questions geometry , plane-geometry	1	3772	August 13, 2017
Stretch geometry precisely to the view Questions geometry , buffergeometry	0	539	February 8, 2020

Grid to Fullscreen animation

Related Topics