https://nagakagachi.github.io/categories/face-threshold-map/Recent content in Face Threshold Map on ながむしメモHugoja-JPSat, 02 Mar 2024 14:07:04 +0900https://nagakagachi.github.io/entry/2024/03/02/140704/Sat, 02 Mar 2024 14:07:04 +0900https://nagakagachi.github.io/entry/2024/03/02/140704/<p><span style="font-size: 80%;">誤ってページ削除してしまいましたが2024年の記事です</span></p> <p>セルルックキャ<a class="keyword" href="https://d.hatena.ne.jp/keyword/%A5%E9%A5%AF">ラク</a>ターの顔の陰制御に用いられるShadow Threshold Mapを生成する仕組みについて.<br />連番二値画像からSDFを利用してテクスチャ合成する基本部分の説明を試みます.</p> <p>(Face Thresholdテクスチャ, Shadow Thresholdテクスチャ, SDFテクスチャ などとも)</p> <blockquote class="twitter-tweet" data-conversation="none" data-lang="ja"> <p dir="ltr" lang="ja">SDFによる補間で Shadow Threshold Map を連番画像から自動生成するツール<br /><br />を<a class="keyword" href="https://d.hatena.ne.jp/keyword/GitHub">GitHub</a>のSDFツールの中にUPしました.<br /><br />EUW_GenerateShadowThresholdMap がツール自体.<br />現状は全画像が等間隔な<a class="keyword" href="https://d.hatena.ne.jp/keyword/%EF%E7%C3%CD">閾値</a>になります.<br /><br />合成方法の説明などドキュメントは後で(∩´∀｀)∩<a href="https://t.co/6GdbEja9o3">https://t.co/6GdbEja9o3</a><a href="https://twitter.com/hashtag/UE5?src=hash&amp;ref_src=twsrc%5Etfw">#UE5</a> <a href="https://t.co/52QUQek23i">pic.twitter.com/52QUQek23i</a></p> — なが (@nagakagachi) <a href="https://twitter.com/nagakagachi/status/1732041139325489588?ref_src=twsrc%5Etfw">2023年12月5日</a></blockquote> <p> <script async="" src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> <br /><br /></p> <div class="section"> <h3 id="概要">概要</h3> <p><img src="images/e964cbb37d67738f7ee3261802f9013a60c997ee916df1f2ee6395aa10604695.png" width="1200" height="298" loading="lazy" title="" class="hatena-fotolife" itemprop="image" /><br /><img src="images/5056f97907159cb92c7d91829eed6fb23e038cde4f12f324881a86553ff5e153.png" width="1200" height="959" loading="lazy" title="" class="hatena-fotolife" itemprop="image" /></p> <p>UE5上のツールとしては以下のSDF関連ツールに含まれています.<br /><a class="keyword" href="https://d.hatena.ne.jp/keyword/%A5%D6%A5%E9%A5%C3%A5%AF%A5%DC%A5%C3%A5%AF%A5%B9">ブラックボックス</a>無しでBPとマテリアルとして実装しているので詳細はそちらをご確認ください.<br /><iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fgithub.com%2Fnagakagachi%2FNagaSdfTextureToolForUE" title="GitHub - nagakagachi/NagaSdfTextureToolForUE: Tools for generating SDF from textures in Unreal Engine" class="embed-card embed-webcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 155px; max-width: 500px; margin: 10px 0px;" loading="lazy"></iframe><cite class="hatena-citation"><a href="https://github.com/nagakagachi/NagaSdfTextureToolForUE">github.com</a></cite></p> <br /> </div> <div class="section"> <h3 id="アルゴリズム"><a class="keyword" href="https://d.hatena.ne.jp/keyword/%A5%A2%A5%EB%A5%B4%A5%EA%A5%BA%A5%E0">アルゴリズム</a></h3> <p>ここでは最もシンプルと思われる<strong>C0連続</strong>な合成を考えます.<br />連番二値画像間の遷移速度をよりなめらかにしたい場合はC1連続となるように合成するのが良いかもしれません.</p> <p>連番の連続する2枚ずつを処理していきます.</p> <div class="section"> <h4 id="処理対象の連続するペア">処理対象の連続するペア</h4> <figure class="figure-image figure-image-fotolife" title="連番のi番目とi+1番目の例"><img src="images/943980dea4019b8066142c39379518461f9726283449391830ebf67775aa9661.png" alt="" width="1200" height="334" loading="lazy" title="" class="hatena-fotolife" itemprop="image" /> <figcaption>連番のi番目とi+1番目の例</figcaption> </figure> </div> <div class="section"> <h4 id="SDF生成">SDF生成</h4> <p>二値画像のSDFを計算.<br> 内部側の距離も必要なのでSigned Distance Fieldである必要があります.</p>