Wayback Machinekoobas.hobune.stream
May JUN Jul
Previous capture 12 Next capture
2021 2022 2023
1 capture
12 Jun 22 - 12 Jun 22
sparklines
Close Help
  • Products
  • Solutions
  • Made with Unity
  • Learning
  • Support & Services
  • Community
  • Asset Store
  • Get Unity

UNITY ACCOUNT

You need a Unity Account to shop in the Online and Asset Stores, participate in the Unity Community and manage your license portfolio. Login Create account
  • Blog
  • Forums
  • Answers
  • Evangelists
  • User Groups
  • Beta Program
  • Advisory Panel

Navigation

  • Home
  • Products
  • Solutions
  • Made with Unity
  • Learning
  • Support & Services
  • Community
    • Blog
    • Forums
    • Answers
    • Evangelists
    • User Groups
    • Beta Program
    • Advisory Panel

Unity account

You need a Unity Account to shop in the Online and Asset Stores, participate in the Unity Community and manage your license portfolio. Login Create account

Language

  • Chinese
  • Spanish
  • Japanese
  • Korean
  • Portuguese
  • Ask a question
  • Spaces
    • Default
    • Help Room
    • META
    • Moderators
    • Topics
    • Questions
    • Users
    • Badges
  • Home /
  • Help Room /
avatar image
0
Question by Metalmolekula · Nov 08, 2016 at 02:06 PM · camera2daspect ratio

Camera and UI settings for aspect ratio independent 2D game

Dear Community,

I recently started getting familiar with Unity and I am trying to port my half-finished 2D game from Monogame to Unity. I got a bit stuck at the proper camera and Image set up.

What I would like to achieve is a resolution and aspect ratio independent game. The virtual resolution I am using is 1920x1200. At the moment everything looks fine at this 16:10 aspect ratio. I downloaded a script that I added to my camera: http://gamedesigntheory.blogspot.co.uk/2010/09/controlling-aspect-ratio-in-unity.html I changed the hard-coded values to public variables, so I can use them in the editor.

My camera is set to be ortographic, the canvas of the UI Image is set to use my above mentioned virtual resolution, but something is still wrong, because when I run the game I can still see the black widescreen areas above and below, or on both sides of the screen (depending on which resolution I chose from the popup settings).

My question is rather general and not related to my current problems: How do I need to set up a UI elements-only game's :

  1. camera (ortographic, persepctive? fov? etc...)?

  2. UI elements and their canvas (I'd rather not use the anchors because the positions and sizes should be scaled down or up depending on the actual resolution - virtual resolution difference)?

( 3. extra: As I am creating prefabs from buttons and text inputs because I have custom images appearing on them (disabled image, mouseover image, pressed image, ...), can I use one canvas for all of my controls, or do I need to create a canvas for each control? Any performance problems when using multiple canvases? Will the canvas size affect my controls in any ways?)

Thank you in advance and my apology for these beginner questions! Tried as I might have, I could not find answers though I spent my last 3 days on searching for then. :)

Comment
Add comment
10 |3000 characters needed characters left characters exceeded
▼
  • Viewable by all users
  • Viewable by moderators
  • Viewable by moderators and the original poster
  • Advanced visibility
Viewable by all users

1 Reply

· Add your reply
  • Sort: 
avatar image
0
Best Answer

Answer by Metalmolekula · Nov 14, 2016 at 10:38 PM

Ok, basically this video tells you how to change the anchors, pivot and basically everything to be able to give your UI elements an aspect ratio and resolution-free look:

https://www.youtube.com/watch?v=svyDgYz5idg

It's not easy, and at the moment I am not sure how to properly do this when I create the prefabs for controls appearing multiple times at different positions on the screen, but hopefully it will not be a big problem.

Comment
Add comment · Share
10 |3000 characters needed characters left characters exceeded
▼
  • Viewable by all users
  • Viewable by moderators
  • Viewable by moderators and the original poster
  • Advanced visibility
Viewable by all users

Your answer

Hint: You can notify a user about this post by typing @username

Up to 2 attachments (including images) can be used with a maximum of 524.3 kB each and 1.0 MB total.

Follow this Question

Answers Answers and Comments

3 People are following this question.

avatar image avatar image avatar image

Related Questions

Pixel jitter/flicker while camera movement (2D) 2 Answers

Camera Bounds in Complex Shape 1 Answer

Jittery movement of the camera when rotating AND moving - 2D top down 3 Answers

After getting center of screen, my onClick commands stop working 0 Answers

Camera is making trail in moving objects 0 Answers


Enterprise
Social Q&A

Social
Subscribe on YouTube social-youtube Follow on LinkedIn social-linkedin Follow on Twitter social-twitter Follow on Facebook social-facebook Follow on Instagram social-instagram

Footer

  • Purchase
    • Products
    • Subscription
    • Asset Store
    • Unity Gear
    • Resellers
  • Education
    • Students
    • Educators
    • Certification
    • Learn
    • Center of Excellence
  • Download
    • Unity
    • Beta Program
  • Unity Labs
    • Labs
    • Publications
  • Resources
    • Learn platform
    • Community
    • Documentation
    • Unity QA
    • FAQ
    • Services Status
    • Connect
  • About Unity
    • About Us
    • Blog
    • Events
    • Careers
    • Contact
    • Press
    • Partners
    • Affiliates
    • Security
Copyright © 2020 Unity Technologies
  • Legal
  • Privacy Policy
  • Cookies
  • Do Not Sell My Personal Information
  • Cookies Settings
"Unity", Unity logos, and other Unity trademarks are trademarks or registered trademarks of Unity Technologies or its affiliates in the U.S. and elsewhere (more info here). Other names or brands are trademarks of their respective owners.
  • Anonymous
  • Sign in
  • Create
  • Ask a question
  • Spaces
  • Default
  • Help Room
  • META
  • Moderators
  • Explore
  • Topics
  • Questions
  • Users
  • Badges