✏️

【Unity】テキストの中に画像を挿入して絵文字みたいに使う

2021/04/25に公開

完成はこんな感じ

https://www.youtube.com/watch?v=7SeFU6tU0l4

こんな感じにペンのイラストをテキストの文字数に合わせて移動させることができます。

TextMeshProでSpriteAssetを作成して下のようなにコードを打つとできるようになります。10分もあればできる簡単な方法です。

1.Unityに画像をインポート

画像をインポートしたらTextureTypeをSpriteへ。

2.画像からSpriteAsset(テキストとして表示するための画像)を作成する

画像右クリック→create→TextMeshPro→SpriteAssetすると新しく作成されるのがわかります↓

大きさなど調整できます。このnameやidをテキスト内で使います。何もしなくても構いません。

3.TextMeshProのExtraSettingsに割り当てる

4.コードをTextMesProテキスト内に打ち込む

<sprite name = "名前">
または
<sprite=ID番号>
と打つと自動で画像に変更されます。

これで画像がテキスト内に表示されるようになりました。

記事は以上です。お疲れ様でした😌

Discussion