With the scenes up and running what was left to animate was the main menu. Initially, I had a discussion with Aoife about tweaking the logo so that it would fit with the main menu (back when I redesigned the main menu that had just a play button alongside the logo). With what I had learned about animation the scene transitions previously, I applied it here to the logo so that it didn't need to be changed but still was dynamic to the main menu.
Again, the hierarchy of the button, background, and logo gameObjects mattered for the order when they appeared onscreen and also I had to again take into account the timing for each transition (and subsequently, the following object's delay).
I was happy with how the fade in/out went for the logo but tweaked the length so that I didn't linger for too long. I initially use the same animation of the buttons in the game for the play button, as seen in the video below:-
But after trying out the move animation, I felt it was more dynamic alongside the logo transition, as seen in the video below:-
As for the ending, the decision was to reuse the main menu image (of the campus) due to time constraints on Aoife's end. I decided to reuse some of the previous animations used (such as moveIn and fade in).
I previously mentioned the issue of finding a common resolution for the game to be played in. Back when I was building Day 1, I noticed that the canvas gameObject (which held all the pictures, text, etc.) was set to a particular size, which I notices was the size of my Unity window at the time. This would mean that when I resized my window, the canvas size would also change and my buttons and text would be all over the place. When I was working on another Unity project previously where I made a mock main menu to showcase UI animations, I found a solution to this rather common Unity problem. Besides setting the render mode to Camera (so it would follow what the camera and not anything else in the scene), I changed the Canvas Scale Mode (which was the culprit after all) to a set screen size, in this case, the default resolution of 1024x768.
Comments