How to Create a Scrollable Text Area with TextMeshPro in Unity 6 ๐
Chapters
In this step-by-step tutorial, I will guide you through creating a scrollable text area in Unity using the Scroll Rect and TextMeshPro. You don't need to know how to code for this one!
First, I'll show you how to resize the Scroll View and set up the background graphic. Then, I'll walk you through adding a TextMeshPro UI component to the Content Gameobject and using the Content size fitter component to make the text scrollable. You'll also learn how to adjust the margins and the vertical scrollbar and create a mask and image component to give the scrollbar the shape of your text box.
Scroll rect as overflow mode does not work since quite a while, read up on it here: https://forum.unity.com/threads/textmeshpro-scrollrect-overflowmode.533758/
๐ Chapters ๐
๐ Get the PDF Version of my tutorials
Would you rather read a book? I have a collection of eBooks on the Unity UGUI System here:
๐ Itch: https://christinacreatesgames.itch.io/
๐ฌ Join the Discord
You are very welcome to join https://discord.gg/8pDT2J2TBX !
๐ฎ Play My Games
๐ฒ https://christinacreatesgames.itch.io
๐๏ธ Recommended Assets
https://assetstore.unity.com/lists/highly-recommended-9071944798250?aid=1101lr4hF [affiliate]
๐ List of books all around Gamedev and Design I recommend: https://www.christinacreatesgames.com/bookshelf
Otherwise, using my affiliate codes for these stores helps to support my channel:
๐ Unity Asset Store: https://assetstore.unity.com/?aid=1101lr4hF [affiliate]
๐ช Synty Store: https://syntystore.com/christinacreatesgames [affiliate]
๐ชธ Envato Elements: https://1.envato.market/ChristinaCreatesGames [affiliate]
๐Humble Bundle: https://humblebundleinc.sjv.io/xLGLNR [affiliate]
๐ Actionable UI Feedback for Your Game
I offer UI consulting for gamedev projects! With 15+ years of design experience and a background of a teacher, Iโm here to help:
๐ Learn more: https://www.vennegerts.com/en/gamedevelopment-consulting/
โ Support Me on Ko-fi
If you enjoy the content and want to support my work:
๐ Buy me a cocoa: https://ko-fi.com/christinacreatesgames
#unitytutorial #unity3d #gamedev #indiedev
Education
#TextMeshPro
#Unity tutorial
#Learn Unity
#game development
#text mesh pro
#game development for beginners
#game development unity
#game development tutorial
#Unity TextMeshPro
#Link tag
#Unity UI
#Game UI
#Text Mesh Pro link tag
#Text Mesh Pro tutorial
#unity tutorial for beginners
#ScrollableTextArea
#UIComponents
#UIDesign
#Tutorial
#GameDevelopment
#GameDev
#GamedevTips
#GamedevTutorial
#UIElements
#UserInterface
#UnityUI
#UnityTips
#UnityTricks
#GameDesign
#Textmeshpro input field