Making Chat Balloons

# Course Introduction

You can attach chat balloons to entities and player avatars. Here's how to use ChatBalloonComponent and some examples.

# Attaching Chat Balloons

  1. Select an entity to attach the chat balloon, and add ChatBalloonComponent.
  2. You can change the property value to make the chat balloon to your preference. [png](1635730184988c95467b0dd9f4613abf9ba85d68914d9) The property values are as follows:



[{"Property Name":"ArrowChatEnabled","Description":"You can attach or detach the tail from the balloon. By default, chat balloons have tail images."},{"Property Name":"AutoShowEnabled","Description":"Set whether to automatically display chat balloons.Players' ChatBalloonComponent does not operate when set to true."},{"Property Name":"BalloonScale","Description":"You can specify the size of the chat balloon. The bigger the value, the bigger the size gets horizontally."},{"Property Name":"ChatBalloonRUID","Description":"You can use various chat balloon Sprites."},{"Property Name":"ChatModeEnabled","Description":"When activated, dialogue from the chat window is simultaneously displayed in the chat balloon. It only works on player's ChatBalloonComponent, and it is activated by default."},{"Property Name":"FontColor","Description":"Changes the color of the letters in the chat balloon.For more information on how to change colors, please refer to Sprite Color Adjustment."},{"Property Name":"FontSize","Description":"Changes the size of the letters in the chat balloon.Default value is 1. The bigger the value, the bigger the letters."},{"Property Name":"HideDuration","Description":"Set the time (seconds) when chat balloons are not shown on screen.When the value is 0, chat balloons will always be displayed."},{"Property Name":"Message","Description":"Enter the phrase to display in the chat balloon.Chat balloons will not be visible without any phrase, even though other settings have been activated."},{"Property Name":"Offset","Description":"You can adjust the position of the chat balloon. Starting point is 0, and the axis is set to Y by default. If the value is 0, the name tag will be located at the starting point. A negative number will move the tag downwards, and a positive number will move it upwards."},{"Property Name":"ShowDuration","Description":"Set the time (seconds) when chat balloons are shown on screen.Enter 1 or greater number to display the balloon."}]

#### Use Example

The example makes a chat balloon for the seal entity object. [png](1655963930366197ddcce272b435d9633958b4b3fdbff)

Let's enter the value as follows:

[{"Property":"ArrowChatEnabled","value":"true"},{"Property":"AutoShowEnabled","value":"true"},{"Property":"BalloonScale","value":"3"},{"Property":"ChatBalloonRUID","value":"0548325d3d4d40649acad12fde2359d4"},{"Property":"ChatModeEnabled","value":"false"},{"Property":"FontColor","value":"#000000"},{"Property":"FontSize","value":"1.5"},{"Property":"HideDuration","value":"5"},{"Property":"Message","value":"Is it a seal? Or a ture seal?"},{"Property":"Offset","value":"1"},{"Property":"ShowDuration","value":"5"}]

# Summary

Using chat balloons allows the users to communicate more conveniently. You can use various chat balloon Sprites for different entities.