{"id":32029,"date":"2024-11-01T09:05:06","date_gmt":"2024-11-01T09:05:06","guid":{"rendered":"http:\/\/atmokpo.com\/w\/?p=32029"},"modified":"2024-11-01T11:33:37","modified_gmt":"2024-11-01T11:33:37","slug":"unity-basics-course-creating-titlestext","status":"publish","type":"post","link":"https:\/\/atmokpo.com\/w\/32029\/","title":{"rendered":"Unity Basics Course: Creating Titles(Text)"},"content":{"rendered":"

<\/p>\n

Unity is a powerful engine for game development that allows you to easily and efficiently create games
\n for various platforms. In this tutorial, we will learn in detail how to manage text in Unity and create
\n headings when necessary. Text is one of the key elements that enhances the realism of a game. Therefore,
\n it is very important to thoroughly understand how to use text as a UX\/UI element.<\/p>\n

1. Using Text in Unity<\/h2>\n

To use text in Unity, you need the ‘Text’ component. This component is part of the UI system provided by
\n Unity, allowing text to be displayed on the screen. You can also adjust the style, size, color, and more of
\n the text through various settings.<\/p>\n

1.1 Adding a Text Component<\/h3>\n

To add a Text component, follow these steps:<\/p>\n

    \n
  1. Right-click in the Hierarchy window and select UI > Text<\/strong>.<\/li>\n
  2. The newly added Text object will be placed inside the Canvas.<\/li>\n
  3. Open the Inspector window to check the Text component. Here you can adjust various properties.<\/li>\n<\/ol>\n

    2. Understanding Text Component Properties<\/h2>\n

    The Text component consists of various properties that determine how the text looks and behaves. The main
    \n properties include:<\/p>\n

    2.1 Text Property<\/h3>\n

    The most basic property, ‘Text’, determines the content displayed on the screen. For example, if you enter
    \n ‘Hello, World!’, that content will appear on the screen.<\/p>\n

    2.2 Font Property<\/h3>\n

    Use the Font property to select the font to be used for the text. In Unity, you can use custom fonts
    \n through additional TTF or OTF files in addition to the default font.<\/p>\n

    2.3 Font Size<\/h3>\n

    Font Size is the property that adjusts the size of the text. Increasing this value will make the text
    \n larger, while decreasing it will make it smaller.<\/p>\n

    2.4 Color<\/h3>\n

    The Color property determines the color of the text. You can set the desired color using RGB values, and
    \n easily select colors using the ‘Color Picker’.<\/p>\n

    3. Creating Headings: A Practical Exercise<\/h2>\n

    Now, let’s practice creating headings using the Text component we created.
    \n Headings should be larger and more prominent than normal text, so we will choose a bolder font and increase
    \n the size.<\/p>\n

    3.1 Generating Heading Text<\/h3>\n

    First, add a UI text in the Hierarchy window, then start configuring it in the Inspector window.
    \n Enter ‘Game Title’ in the ‘Text’ property.<\/p>\n

    3.2 Adjusting Properties<\/h3>\n

    Now, select a font suitable for the heading in the Font property. For example, a font like ‘Arial Black’
    \n may be appropriate. Then set the Font Size to 32 or 48 to make it stand out.<\/p>\n

    3.3 Setting Color<\/h3>\n

    In the Color property, try selecting white (#FFFFFF) or bright yellow (#FFFF00). A color that is vibrant
    \n and easily noticeable is preferred.<\/p>\n

    3.4 Aligning Text<\/h3>\n

    You can align the text to the left, center, or right through the text alignment property. Headings are
    \n typically more effective when center-aligned. Select ‘Center’ in ‘Alignment’.<\/p>\n

    4. Advanced Settings<\/h2>\n

    After creating the heading and setting the basic properties, let’s take a look at additional advanced settings.<\/p>\n

    4.1 Adding Shadow to Text<\/h3>\n

    By adding a shadow to the text, you can provide depth or enhance readability. To do this, add the
    \n Shadow<\/strong> component. This component can be added below the Text to create a shadow effect.<\/p>\n

    \n Adding a shadow is quite simple: Select the heading text in the Hierarchy, click Add Component<\/strong> in the
    \n Inspector window, and select Effects > Shadow<\/strong>. This will create a shadow beneath the
    \n text. You can adjust the shadow’s color and direction to achieve the desired effect.\n <\/p>\n

    4.2 Text Animation<\/h3>\n

    You can add animations to the text for a more dynamic effect. For example, you can set it to appear smoothly
    \n when the heading comes onto the screen. To do this, use the Animator<\/strong>.<\/p>\n

    How to Set Up Animation:<\/h4>\n
      \n
    1. First, select the heading text and go to Window > Animation > Animation<\/strong>.<\/li>\n
    2. In the Animation window, click the “+” icon to create a new animation clip.<\/li>\n
    3. Name the animation, for example, “TitleAppear”.<\/li>\n
    4. Add keyframes for adjusting the transparency of the text in the animation panel to create a fading effect.<\/li>\n<\/ol>\n

      5. Practical Example<\/h2>\n

      Let’s look at various examples of using headings. For instance, let’s create a heading that says
      \n “The Adventure Begins!” for the start screen of an RPG game.<\/p>\n

      Example: Creating an RPG Game Title Screen<\/h3>\n

      \n 1. Add a Text component as described above and input “The Adventure Begins!” in the Text property.
      \n 2. In the Font property, select a fun and adventurous font like ‘Bangers’.
      \n 3. Set the Font Size to 64 and choose a bright blue color (#00BFFF).
      \n 4. Set the text alignment to Center to position it in the middle of the screen.\n <\/p>\n

      Adding Animation Effects<\/h3>\n

      If the heading has a slight bounce effect when it appears, it will be more interesting. To do this, add
      \n keyframes to change the ‘Scale’ of the text using the animation technique described earlier.<\/p>\n

      6. Handling Fonts: Advanced Editing<\/h2>\n

      The fonts used in a game greatly influence the user experience. Therefore, we will explore ways to use
      \n custom fonts or modify fonts when necessary.<\/p>\n

      6.1 Importing Custom Fonts<\/h3>\n

      To import custom font files (TTF or OTF), simply drag and drop the files into the ‘Assets’ folder of the
      \n project. Then, you can select the newly added font in the Font property of the text component you wish to use.<\/p>\n

      6.2 Adjusting Font Style and Size<\/h3>\n

      After using the custom font, you can still adjust the Font Size and proportions. However, it is important
      \n to ensure the text remains legible.<\/p>\n

      7. Conclusion<\/h2>\n

      In this tutorial, we covered a wide range of topics, starting with the basics of creating headings in
      \n Unity, to advanced animations and using custom fonts. Text is a crucial element that enhances the appeal of
      \n a game and improves user experience. Moreover, develop your sense of UI design and utilize various effects
      \n to create more engaging games!<\/p>\n

      8. Additional Learning Resources<\/h2>\n

      If you want to explore deeper methods for utilizing text in Unity, please refer to the following resources:<\/p>\n