How to animiate a UI Image from off the canvas to on the canvas and be resolution independent.

Unity Engine
1

Hi Guys,

Im having some problems and I wondered if you could help. I have a UI canvas which has a UI image for the start screen. This is image anchored to stretch over the canvas so it looks fine on all resolutions. there is a start button on this image which when pressed should animate a Level select UI image from above the canvas downwards so it sits completely oer the Start Screen UI image. I want the Level Select UI image to stretch over the entire canvas but I cant get it to animate correctly if I do this.

I currently anchored the level select image to the top of the canvas and set the pivot point there as well. Then for the animation I change the pivot point from top to bottom so it moves in. The problem im having is the level select image never fills the screen. Im targeting iphone 6+ at the minute but I want it to run on only mobile device.

I have attached a pic to show you what im trying. Any help would be amazing.

Thanks in advance guys.

1875673--120572--Screen Shot 2014-12-06 at 11.19.57.jpg
1875673--120572--Screen Shot 2014-12-06 at 11.19.57.jpg1280×800 223 KB

2

Also I should say I’m currently using screen space overlay for the canvas. Should I be using camera space?

3

Gosh I’m searching for the same answer all across the interwebs. I hope someone addresses this soon. Seems like a lot of people will want to do this kind of thing but there’s surprisingly little on the subject out there. God luck.