MSDF Text

MSDF（Multi-channel Signed Distance Field）Text は、RGBの3チャンネルを使って文字の輪郭情報（距離場）を高精度に表現するテキスト描画技術です。ビットマップや従来のSDFと異なり、拡大縮小しても文字のエッジがぼやけず、シャープで滑らかな表示が可能です。Babylon.jsの TextRenderer クラスでは、MSDFを使ってGPUで効率よく高品質なテキストをレンダリングでき、UIやHMD、3D空間内のラベル表示などに適しています。

https://scrapbox.io/files/6861809bde109715cf81a695.gif

code:50音＋漢字一部

あいうえお かきくけこ さしすせそ たちつてと なにぬねの はひふへほ まみむめも やゆよ らりるれろ わをん

がぎぐげご ざじずぜぞ だぢづでど ばびぶべぼ ぱぴぷぺぽ

ぁぃぅぇぉ ゃゅょ っゎ ゐゑ

アイウエオ カキクケコ サシスセソ タチツテト ナニヌネノ ハヒフヘホ マミムメモ ヤユヨ ラリルレロ ワヲン

ガギグゲゴ ザジズゼゾ ダヂズデド バビブベボ パピプペポ

ァィゥェォ ャュョ ッヮ ヵヶ ヰヱ

「」『』、。・ー～…―

一人十入上大子小万久今不中分切手心文方月太少出去生世平本立白

同名当全自考気地究作助局近見返何金知使始空画到長明前後思星研

送限界時書神真宙旅島教球問動移望開場無最間道進新数話歩道遠聞

読語算広談論学整変発宗府政銀河夢代力陽持言穴億等宇以具希科

1234567890

abcdefghijklmnopqrstuvwxyz

ABCDEFGHIJKLMNOPQRSTUVWXYZ

!"#$%&'()=-^\;:[],./?_<>{}+*@

参考

MSDF font generator の使用方法

https://scrapbox.io/files/686179090948535f7c2b22a8.png