距離場・暗黙形状 · 10 / 10
MSDF
複数の距離チャンネルで文字の角を保つ。
動くデモで比較する
Interactive model
拡大する文字
A比較対象
低解像度の文字画像
BMSDF100%
拡大アニメでも文字の角を保ちやすい
時間を動かすと停止して観察できます。変化量 0% で A と同じ状態、100% で B の効果を表示します。8 秒で繰り返します。
見るポイント：距離情報から輪郭を再構成 → 大きくしても角が鋭い。
用途と変化を理解するための簡略化した動作モデルです。元のアルゴリズムや描画方式を完全に実装したものではなく、表示する処理数は実測性能ではありません。
コマ送りで解説を読む
例: 拡大する文字
1. 開始
小さな文字
2. 変化
距離情報から輪郭を再構成
3. 結果
大きくしても角が鋭い
技法のしくみ
1. 入力
図形の輪郭
2. 処理
複数チャンネルに距離を記録
3. 結果
拡大しても鋭い角
さらに調べる
Unreal Engine Mesh Distance Fields ↗この分野の参考資料です。個々の項目を直接説明する資料とは限りません。