<p>Shader力を上げていきたい...!<br>
ShaderGraphを数こなして作って使いこなせるようにしていこうシリーズ.</p>
<p>簡単なEyeMaskを作ってみる.</p>
<h2 id="%E5%AE%8C%E6%88%90%E5%9B%B3">
<a class="header-anchor-link" href="#%E5%AE%8C%E6%88%90%E5%9B%B3" aria-hidden="true"></a> 完成図</h2>
<p><img src="https://storage.googleapis.com/zenn-user-upload/51e94bc1f576-20220112.jpg" alt="猫に目線" loading="lazy" class="md-img"></p>
<p>こんな感じで目線が入った画像表示シェーダを書いてみる</p>
<h2 id="%E5%85%A8%E4%BD%93%E5%9B%B3">
<a class="header-anchor-link" href="#%E5%85%A8%E4%BD%93%E5%9B%B3" aria-hidden="true"></a> 全体図</h2>
<p><img src="https://storage.googleapis.com/zenn-user-upload/5264380dda4c-20220112.png" alt="shader全体図" loading="lazy" class="md-img"></p>
<h2 id="%E4%BD%9C%E3%82%8A%E6%96%B9">
<a class="header-anchor-link" href="#%E4%BD%9C%E3%82%8A%E6%96%B9" aria-hidden="true"></a> 作り方</h2>
<p>GUIだし記事で説明するのはだるいので動画作った.</p>
<p><span class="embed-block embed-youtube"><iframe src="https://www.youtube-nocookie.com/embed/RqwTneRxnyY" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen loading="lazy"></iframe></span><a href="https://www.youtube.com/RqwTneRxnyY" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://www.youtube.com/RqwTneRxnyY</a></p>


EyeMaskをShaderGraphでつくる (SGL001)

完成図

全体図

作り方

Discussion