Enterprise Apps: Zoo App Part 2

Objective: Main Menu and Map Panel

We start off by adding an UI Image element, which creates a Canvas. The Canvas UI Scale mode is then changed to scale with screen size and give a reference resolution of 1920*1080. A Panel is then used inside the Canvas and renamed to MainMenu.

The green background, Polar Bear, Giraffe, Balloons and Family Zoo title are all images which get resized, scaled and anchored positioning. The Interactive Map is a text element is positioned the same way, as is the Start Button element. All these UI elements excluding the background image are inside the MainMenu Panel.

For the MapPanel, we have a Map, Giraffe, Family Zoo, Balloons, Coffee Cup, Toilet Symbol, Giraffe Text Area and Area Background(areas being Big Cats, Bear Den etc) images. We then have text elements for the Entrance, Giraffe Chat(as a child of the chat image) and for the Area Names(Inside Button elements with the Area Background for a source image).

The last part of this task was enabling the MapPanel from the MainMenu Start Button. For this we use a simple OnClick event on the button without the need for a script. The OnClick takes the MapPanel and sets the GameObject to Active.

--

--

--

Developer

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Creating a nation where everyone has a voice

The DayOne Unique Pricing Model

The people’s revolution will not be media-suppressed

Just when you thought it was over…

An attractive Asian woman leans against a wall, staring at us. An inscrutable expression, and maybe melasma, on her face.

{DOWNLOAD} Otxoa - Cages [ALBUM ZIP]

Beautiful Looking Flower Tattoo to Grab Maximum Attention

How to transfer photos from PC to iPhone

Publishing to the Google Play Store

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Simon Leen

Simon Leen

Developer

More from Medium

Your multiplayer game will fail because…

Building Agile Smartphone Apps in Agriculture

How to Make the Camera Shake Using Impulse Listener Extensions in Cinemachines Virtual Cameras

Setting up a Unity Project for the High Definition Render Pipeline (HDRP)