ディスタンスフィールドの説明と ディスタンスフィールドの利用方法について説明してみました。
ディスタンスフィールドはUIデザイナーにとって非常に使える機能だと思います。
マテリアルを使ったUI表現を取り入れてみましょう!
管理人がYouTubeで解説
Unreal Engineでディスタンスフィールドの作り方
線形
![](https://tech-art.online/wordpress/wp-content/uploads/2024/03/20240312_180417.jpg)
円形
![](https://tech-art.online/wordpress/wp-content/uploads/2024/03/20240312_180513.jpg)
極座標
![](https://tech-art.online/wordpress/wp-content/uploads/2024/03/20240312_180650.jpg)
線形をタイリングして二値化した状態
![](https://tech-art.online/wordpress/wp-content/uploads/2024/03/20240312_181704-1024x241.jpg)
極座標をタイリングして二値化した状態
![](https://tech-art.online/wordpress/wp-content/uploads/2024/03/20240312_181924-1024x213.jpg)
おまけ:時間のステップ化
![](https://tech-art.online/wordpress/wp-content/uploads/2024/03/20240312_182020.jpg)
参考リンク
・2次元ディスタンスフィールド線まとめ| 7CIT
・2次元ディスタンスフィールドまとめ|7CIT
・2次元ディスタンスフィールド使い方 | 7CIT
・楽しい!Unityシェーダー お絵描き入門! | setchi
コメント