Unity — Text Mesh Pro 教學

更新 發佈閱讀 4 分鐘

Text Mesh Pro 是 Unity 內自置的 UI 文字系統。如果你已經用了 Unity 很多年的人會好奇,它和 Text 有甚麼的分別。總括來講 Text Mesh Pro 更加的靈活和可以做更多不同的變化。

Sprite Asset

Sprite Asset 以簡單來說是 emoji,可以做出自己的 emoji。

使用方法

用做一個自已的 emoji,如下圖。

1. 輸入自已的圖片,圖片最好是去背。
2. 點擊輸入的圖片,然後點擊 Open Sprite Editor。
3. 左上角有一個名為 Slice ,這裏要按實際情況,如果我只有一個圖片,所以自動就可以了,如果確定好就按 Slice。
4. 如果全部都做對的話,會有一個框出現在你的圖片中,如下圖。

5. 點擊圖片,會出現有一個新的名叫 Sprite 的界面,以後最重要的要改名字。退出保存。
6. 點選你的圖片,右鍵 Create > TextMeshPro > Sprite Asset。
7. 點擊剛新建的檔案,然後按 Sprite Glyph Table,會出現如下圖的狀況。

8. 預設的 emoji 都不會在正中間,所以要調整一下位置,更改 BX 和 BY 的數值。
9. 在你的 TextMeshPro — Text(UI) Component 的 Extra Setting 中的 Sprite Asset,要將掛載上你的 Sprite Asset。之後在 Text Input 打上以下的內容,就完成了。

<sprite name=Token>

Style Sheet Asset

Style Sheet Asset 以簡單來說是一個 CSS 檔,可以利用這個方法做出一些新奇的效果。

使用方法

我利用 Style Sheet 做一個放大粗體的示範。下面是完成的效果

  1. Create > TextMeshPro > Style Sheet
  1. 點擊 Style Sheet, Inspector 會出現以下的畫面。
  2. 改一個新的名字,名 Bold。
  3. Opening Text 打上以下的內容
<b><size=130%>

5. Closing Text 打打上以下的內容。

</b></size>

6. 在你的 TextMeshPro — Text(UI) Component 的 Extra Setting 中的 Style Sheet,要將掛載上你的 Sprite Asset。之後在 Text Input 打上以下的內容,就完成了。

abcd<style=Bold>efghijk</style>lmnop

常用的變化

斜體

<i> a </i>

粗體

<b> f </b>

Color

可以更改文字顏色。

<color=Red> Red </color>

Size

可以更改某一個字串的大小。

<size=110%>A</size>

Font

這是一個相對較複雜的的做法,首先要創建一個名為 Resources 的資料夾,在 Resourcres 中創建一個名為 Fonts & Materials 的資料夾,在放上你的字型,你的字型一定要 TMP_Font Asset。

<font="YourFont"> Your Content </font>

其他

還有其他的代碼,可以參考以下的網站。http://digitalnativestudios.com/textmeshpro/docs/rich-text/

如何顯示中文

1. 輪入你要用的字體
2. 點擊 Window > TextMeshPro > Font Asset Creator
3. 更改 Character Set: ASCII > Custom Character,之後會出現一個名 Custom Character List 文字框,將要新增文字輸入到文字框。
4. 以後點擊 Generate Font Atlas,完成生成後,按 Save,就完成了。

留言
avatar-img
夏葉
0會員
7內容數
這裏分享我遊戲開發的記錄,亦會分享開發的小技巧。
夏葉的其他內容
2024/11/27
緣由 生成一個格子是一件十分之簡單的事,但我不知道為甚麼每一次重新寫的時候,都會忘記如何寫。所以我在這裏記錄一下。 代碼 public float num; public GameObject currentGameObject; void Update() { if(Input.G
2024/11/27
緣由 生成一個格子是一件十分之簡單的事,但我不知道為甚麼每一次重新寫的時候,都會忘記如何寫。所以我在這裏記錄一下。 代碼 public float num; public GameObject currentGameObject; void Update() { if(Input.G
2024/01/19
這篇文章深入探討如何利用 Lerp 來實現物體的移動,並介紹透過 Slerp 來獲得更流暢的移動效果。以簡化移動的實現過程。文章將比較 Update 和 IEnumerator 兩種方案,並指導讀者如何設定速度、加速度及移動時間,提供全面的學習資源以助於更佳理解,尤其是對於遊戲開發者。
Thumbnail
2024/01/19
這篇文章深入探討如何利用 Lerp 來實現物體的移動,並介紹透過 Slerp 來獲得更流暢的移動效果。以簡化移動的實現過程。文章將比較 Update 和 IEnumerator 兩種方案,並指導讀者如何設定速度、加速度及移動時間,提供全面的學習資源以助於更佳理解,尤其是對於遊戲開發者。
Thumbnail
2023/11/26
從個連結中下載這個資料夾 https://github.com/h8man/NavMeshPlus 打開剛下載的資料夾,然後將一個名 NavMeshComponents 的資料夾放入你的 Unity 中。 創建一個 Square,作為平面,新增一個名為 Navigation Modifier 的
Thumbnail
2023/11/26
從個連結中下載這個資料夾 https://github.com/h8man/NavMeshPlus 打開剛下載的資料夾,然後將一個名 NavMeshComponents 的資料夾放入你的 Unity 中。 創建一個 Square,作為平面,新增一個名為 Navigation Modifier 的
Thumbnail
看更多
你可能也想看
Thumbnail
若說易卜生的《玩偶之家》為 19 世紀的女性,開啟了一扇離家的窄門,那麼《海妲.蓋柏樂》展現的便是門後的窒息世界。本篇文章由劇場演員 Amily 執筆,同為熟稔文本的演員,亦是深刻體察制度縫隙的當代女性,此文所看見的不僅僅是崩壞前夕的最後發聲,更是女人被迫置於冷酷的制度之下,步步陷入無以言說的困境。
Thumbnail
若說易卜生的《玩偶之家》為 19 世紀的女性,開啟了一扇離家的窄門,那麼《海妲.蓋柏樂》展現的便是門後的窒息世界。本篇文章由劇場演員 Amily 執筆,同為熟稔文本的演員,亦是深刻體察制度縫隙的當代女性,此文所看見的不僅僅是崩壞前夕的最後發聲,更是女人被迫置於冷酷的制度之下,步步陷入無以言說的困境。
Thumbnail
最近在嘗試使用不同的AI生圖方式混合出圖的方式,採用A平台的優點,並用B平台後製的手法截長補短,創造出自己更想要的小說場景,效果不錯,現在以這張圖為例,來講一下我的製作步驟。
Thumbnail
最近在嘗試使用不同的AI生圖方式混合出圖的方式,採用A平台的優點,並用B平台後製的手法截長補短,創造出自己更想要的小說場景,效果不錯,現在以這張圖為例,來講一下我的製作步驟。
Thumbnail
【Premiere 教學】製作綜藝字卡 這篇文章介紹了使用 Premiere 製作文字卡的方法,包括文字的層次調整、修飾圖樣的跟隨文字進行增減、位移、遮罩效果的製作。最後還教你如何將字卡存成模板並使用。
Thumbnail
【Premiere 教學】製作綜藝字卡 這篇文章介紹了使用 Premiere 製作文字卡的方法,包括文字的層次調整、修飾圖樣的跟隨文字進行增減、位移、遮罩效果的製作。最後還教你如何將字卡存成模板並使用。
Thumbnail
介紹Unreal Sequencer鏡頭工具,CG動畫的學習經驗,並提供相關教程,適合想學習Cinematic Designer的人。
Thumbnail
介紹Unreal Sequencer鏡頭工具,CG動畫的學習經驗,並提供相關教程,適合想學習Cinematic Designer的人。
Thumbnail
AnyText是一款先進的圖像AI工具,利用深度學習技術,根據你輸入的文字描述生成圖像,更棒的是,它能生成繁體中文,而且能指定文字生成的位置。
Thumbnail
AnyText是一款先進的圖像AI工具,利用深度學習技術,根據你輸入的文字描述生成圖像,更棒的是,它能生成繁體中文,而且能指定文字生成的位置。
Thumbnail
AI圖形工具 今天分享一些常用的AI圖形工具。現在的圖形工具非常多,不可能全部都熟悉,因為真的太多了。所以介紹幾個比較常用的工具來供參考。算是我工作室的員工。 取代部分繪圖的工作 AI圖形工具基本上可以取代一部分繪圖的工作。就像速寫一樣,本身長年在畫速寫,但再怎麼說速度也不會比AI生成圖片來得
Thumbnail
AI圖形工具 今天分享一些常用的AI圖形工具。現在的圖形工具非常多,不可能全部都熟悉,因為真的太多了。所以介紹幾個比較常用的工具來供參考。算是我工作室的員工。 取代部分繪圖的工作 AI圖形工具基本上可以取代一部分繪圖的工作。就像速寫一樣,本身長年在畫速寫,但再怎麼說速度也不會比AI生成圖片來得
Thumbnail
全新版本的《三便士歌劇》如何不落入「復刻經典」的巢臼,反而利用華麗的秀場視覺,引導觀眾在晚期資本主義的消費愉悅之中,而能驚覺「批判」本身亦可能被收編——而當絞繩升起,這場關於如何生存的黑色遊戲,又將帶領新時代的我們走向何種後現代的自我解構?
Thumbnail
全新版本的《三便士歌劇》如何不落入「復刻經典」的巢臼,反而利用華麗的秀場視覺,引導觀眾在晚期資本主義的消費愉悅之中,而能驚覺「批判」本身亦可能被收編——而當絞繩升起,這場關於如何生存的黑色遊戲,又將帶領新時代的我們走向何種後現代的自我解構?
Thumbnail
本文深度解析賽勒布倫尼科夫的舞臺作品《傳奇:帕拉贊諾夫的十段殘篇》,如何以十段殘篇,結合帕拉贊諾夫的電影美學、象徵意象與當代政治流亡抗爭,探討藝術在儀式消失的現代社會如何承接意義,並展現不羈的自由靈魂。
Thumbnail
本文深度解析賽勒布倫尼科夫的舞臺作品《傳奇:帕拉贊諾夫的十段殘篇》,如何以十段殘篇,結合帕拉贊諾夫的電影美學、象徵意象與當代政治流亡抗爭,探討藝術在儀式消失的現代社會如何承接意義,並展現不羈的自由靈魂。
Thumbnail
在這篇文章中,我們將探討如何製作章節轉場動畫,讓您的作品更具吸引力。本文包含了準備素材、定義圖片、製作簡易動畫等步驟,適合初學者進行學習和操作。我們提供了必要的資源和範例,讓您能輕鬆上手。期待透過這篇教學,能讓您在創作中達到更高的境界!
Thumbnail
在這篇文章中,我們將探討如何製作章節轉場動畫,讓您的作品更具吸引力。本文包含了準備素材、定義圖片、製作簡易動畫等步驟,適合初學者進行學習和操作。我們提供了必要的資源和範例,讓您能輕鬆上手。期待透過這篇教學,能讓您在創作中達到更高的境界!
Thumbnail
設計海報文宣或編輯影片時,想要添加一句醒目的特效文字,TextStudio 是一款功能強大的線上特效文字產生器,提供大量 3D 文字樣式和自定義編輯器,讓使用者創建獨特的文字圖片。
Thumbnail
設計海報文宣或編輯影片時,想要添加一句醒目的特效文字,TextStudio 是一款功能強大的線上特效文字產生器,提供大量 3D 文字樣式和自定義編輯器,讓使用者創建獨特的文字圖片。
Thumbnail
長期以來,西方美學以《維特魯威人》式的幾何比例定義「完美身體」,這種視覺標準無形中成為殖民擴張與種族分類的暴力工具。本文透過分析奈及利亞編舞家庫德斯.奧尼奎庫的舞作《轉轉生》,探討當代非洲舞蹈如何跳脫「標本式」的文化觀看。
Thumbnail
長期以來,西方美學以《維特魯威人》式的幾何比例定義「完美身體」,這種視覺標準無形中成為殖民擴張與種族分類的暴力工具。本文透過分析奈及利亞編舞家庫德斯.奧尼奎庫的舞作《轉轉生》,探討當代非洲舞蹈如何跳脫「標本式」的文化觀看。
Thumbnail
這篇文章將介紹 Renpy 中常見的文字造型,包括抗鋸齒、加粗文字、控制文字顏色、文字字體、斜體、間距控制、製作文字外框、控制文字大小、畫線、文字方向等效果。並提供了建立文字造型的方法和應用範例。
Thumbnail
這篇文章將介紹 Renpy 中常見的文字造型,包括抗鋸齒、加粗文字、控制文字顏色、文字字體、斜體、間距控制、製作文字外框、控制文字大小、畫線、文字方向等效果。並提供了建立文字造型的方法和應用範例。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News