Create UI in Unity Part 4 - Make UI Fit Any Aspect Ratio

oferecido por
Neste projeto guiado, você irá:

Use Horizontal and Vertical Layout groups to dynamically manage UI Elements.

Configure the Canvas Scaler to maintain sprite size on high resolutions.

Organize UI Elements to be more manageable.

1.5 hours
Básico
Sem necessidade de download
Vídeo em tela dividida
Inglês
Apenas em desktop

In this one-hour, project-based course, you will learn how to use Unity's User Interface (UI) Toolkit's Auto Layout System to make the UI elements of your game present correctly on screens of any aspect ratio. This project covers adding Layout Controllers to and customizing each UI component in your game. The guided project will introduce you to the following Unity UI concepts: - Canvas Scaler - Rect Transform - Horizontal Layout Group - Vertical Layout Group This is Part 4 of a four-part series on creating a good-looking user interface for your game or other Unity application. Part 1 covered creating a screen overlay canvas for typical player-feedback such as health and score, while Part 2 showed you how to create world-space canvases to provide information and feedback on GameObjects in the environment. And in Part 3, we demonstrated how to create a settings menu. This is a stand-alone guided project, but because this is a continuation of previous parts in the "User Interface" series, it is recommended that you complete the first parts before commencing this guided project. This series makes use of the sci-fi-themed Unity project created in Create Power-Ups and Obstacles with C# in Unity. It compliments this guided project and, although not a prerequisite, is recommended for a more well-rounded understanding of the concepts presented herein.

Habilidades que você desenvolverá

  • Video-game Development

  • C sharp (C#) Programming Language

  • Unity 3D

  • Unity

  • Application development

Aprender passo a passo

Em um vídeo reproduzido em uma tela dividida com a área de trabalho, seu instrutor o orientará sobre esses passos:

  1. Introduction, License Activation and Recap

  2. Set Up the Anchors of UI Elements

  3. Use Canvas Scaler to Maintain Sprite Size on High-Resolutions

  4. Automatically Align UI Elements Vertically

  5. Automatically Align UI Elements Horizontally

Como funcionam os projetos guiados

Sua área de trabalho é um espaço em nuvem, acessado diretamente do navegador, sem necessidade de nenhum download

Em um vídeo de tela dividida, seu instrutor te orientará passo a passo

Perguntas Frequentes – FAQ

Ao comprar projetos guiados, você recebe tudo o que precisa para completá-los, inclusive acesso a um espaço de trabalho de área de trabalho na nuvem por meio do seu navegador web, que contém o software e os arquivos necessários para iniciar, além de um vídeo de instruções passo a passo de um especialista no assunto.

Como seu espaço de trabalho tem uma área de trabalho na nuvem dimensionada para notebooks e computadores desktop, os projetos guiados não estão disponíveis para dispositivos móveis.

Os instrutores do projeto guiado são especialistas no assunto, têm experiência com a habilidade, a ferramenta ou o domínio do projeto e amam compartilhar seus conhecimentos para ajudar milhões de aprendizes do mundo todo.

Você pode baixar e manter todos os arquivos que foram criados para seu projeto guiado. Para fazer isso, você pode usar o recurso "Navegador de arquivos" enquanto acessa a área de trabalho na nuvem.

Reembolsos não estão disponíveis para projetos guiados. Consulte nossa política de reembolso completa.

Não há auxílio financeiro disponível para projetos guiados.

A participação como ouvinte não está disponível para projetos guiados.

Na parte superior da página, você pode clicar no nível de experiência deste projeto guiado para visualizar os pré-requisitos de conhecimento. Em cada nível dos projetos guiados, seu instrutor o guiará passo a passo.

Sim, tudo o que você precisa para completar o projeto guiado estará disponível em uma área de trabalho na nuvem disponível no seu navegador.

Você aprenderá na prática ao completar tarefas em um ambiente com tela dividida, diretamente em seu navegador. No lado esquerdo da tela, você completa a tarefa no seu espaço de trabalho. No lado direito, você assiste a um instrutor que o guiará pelo projeto, passo a passo.