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

提供:
Coursera Project Network
このガイド付きプロジェクトでは、次のことを行います。

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.

Clock1.5 hours
Beginner初級
Cloudダウンロード不要
Video分割画面ビデオ
Comment Dots英語
Laptopデスクトップのみ

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.

あなたが開発するスキル

  • Video-game Development
  • C sharp (C#) Programming Language
  • Unity 3D
  • Unity
  • Application development

ステップバイステップで学習します

ワークエリアを使用した分割画面で再生するビデオでは、講師がこれらの手順を説明します。

  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

ガイド付きプロジェクトの仕組み

ワークスペースは、ブラウザに完全にロードされたクラウドデスクトップですので、ダウンロードは不要です

分割画面のビデオで、講師が手順ごとにガイドします

よくある質問

よくある質問

さらに質問がある場合は、受講者ヘルプセンターにアクセスしてください。