hello all,
the original codenpen I used for my demo is here:
http://codepen.io/funkybudda/pen/OVZJEV
As you can see, this is a responsive 3D menu, when you click on any specific parent box (1-16), the inner child (detail content) will scale up to fit the viewport area correct.
For my need, I have to have the 3D menu set up in a container that's centered within the viewport, so I modified with the codepen below:
http://codepen.io/funkybudda/pen/rVdXKb
The transition of clicking on any of the parent boxes still works, but the inner child (detail content) position are offset incorrectly. I have change some of the viewport size detection to reference the new container (#outerContainer), but I still cant figure out the offset issue with the child animation.
Any help from 3D experts using GSAP will be greatly appreciated.
PS: Would it be easier to use the parent boxes to snap into the container size area, instead of using the child content? How would one go about the calculate the correct camera/pan value to move the parent object into correct position?