https://axppk.github.io/tags/pbr/ Recent content in PBR on KKPT的个人博客 Hugo -- gohugo.io en-us KKPT https://axppk.github.io/p/npr%E6%B8%B2%E6%9F%93%E5%B0%9D%E8%AF%95/ Tue, 08 Jul 2025 19:40:43 +0800 https://axppk.github.io/p/npr%E6%B8%B2%E6%9F%93%E5%B0%9D%E8%AF%95/ <img src="https://axppk.github.io/p/npr%E6%B8%B2%E6%9F%93%E5%B0%9D%E8%AF%95/img/1-b99514c3.png" alt="Featured image of post NPR渲染尝试" /><h2 id="参考链接">参考链接 </h2><ul> <li> <p><a class="link" href="https://www.bilibili.com/video/BV19K411B787/?spm_id_from=333.337.search-card.all.click&amp;vd_source=7ef3888cbac99bdb5d95af08adacada0" target="_blank" rel="noopener" >FernNPR：开源 NPR 项目</a></p> </li> <li> <ul> <li><a class="link" href="https://github.com/FernRP/FernRPExample" target="_blank" rel="noopener" >对应的仓库</a></li> </ul> </li> <li> <p><a class="link" href="https://www.bilibili.com/video/BV1BQ4y1U7BX/?spm_id_from=333.337.search-card.all.click&amp;vd_source=7ef3888cbac99bdb5d95af08adacada0" target="_blank" rel="noopener" >【深入浅出】PBR 与 BRDF 的原理以及在 Unity 中的实现</a></p> </li> <li> <p><a class="link" href="https://www.bilibili.com/video/BV1Tm421n7F3/?spm_id_from=333.337.search-card.all.click&amp;vd_source=7ef3888cbac99bdb5d95af08adacada0" target="_blank" rel="noopener" >[Unity URP Shader]NPR 融入一点 PBR 的角色渲染以及 RenderFeature 拓展管线应用</a></p> </li> <li> <ul> <li><a class="link" href="https://github.com/KTSAMA001/Unity_URP_Learning" target="_blank" rel="noopener" >对应的仓库</a></li> </ul> </li> </ul> <h2 id="前言">前言 </h2><ul> <li>个人认知下，这些渲染，特效，应该都是 TA 岗需要的技能，但感觉这些都比较难，详细的教程要么浅显，要么付费，目前大二即将大三甚至都还没接触，渲染和打光真的让我很头疼。</li> <li>感觉应该不会做不出来，毕竟看评论，同年龄的人花了 10 天就做出来了。</li> </ul> <p><del>已搁置&mdash;不想了解图形学 </del></p> <p><del>已经开始了，抽空补全这篇</del></p> <p>做完了，效果很棒（这部分完成时还在用Claude调Deepseek）</p> <h2 id="结构划分">结构划分 </h2><p>渲染系统实际上由多个小Tip组成，所以这里也按Tip来划分记录，并贴上ASE节点解释。</p> <ul> <li> <p>眼透</p> </li> <li> <p>眼部视差</p> </li> <li> <p>兰伯特阴影</p> </li> <li> <p>Ramp采样混合阴影</p> </li> <li> <p>基于深度测试的Rim</p> </li> <li> <p>基于深度测试的Outline</p> </li> <li> <p>水平方向SDF</p> </li> </ul> <h2 id="眼透tip">眼透Tip </h2><p>很常见一个Tip</p> <p><img src="https://axppk.github.io/p/npr%E6%B8%B2%E6%9F%93%E5%B0%9D%E8%AF%95/img/snipaste_2026-11-12_18-30-19-4aa726c9.png" width="2028" height="1170" srcset="https://axppk.github.io/p/npr%E6%B8%B2%E6%9F%93%E5%B0%9D%E8%AF%95/img/snipaste_2026-11-12_18-30-19-4aa726c9_hu_4e8b363495598c2e.png 480w, https://axppk.github.io/p/npr%E6%B8%B2%E6%9F%93%E5%B0%9D%E8%AF%95/img/snipaste_2026-11-12_18-30-19-4aa726c9_hu_ee9520c8cff09b0a.png 1024w" loading="lazy" class="gallery-image" data-flex-grow="173" data-flex-basis="416px" ></p> <p><img src="https://axppk.github.io/p/npr%E6%B8%B2%E6%9F%93%E5%B0%9D%E8%AF%95/img/snipaste_2026-11-12_18-22-53-769f3ae2.png" width="2560" height="1347" srcset="https://axppk.github.io/p/npr%E6%B8%B2%E6%9F%93%E5%B0%9D%E8%AF%95/img/snipaste_2026-11-12_18-22-53-769f3ae2_hu_b18dfc1f9e8f5f7e.png 480w, https://axppk.github.io/p/npr%E6%B8%B2%E6%9F%93%E5%B0%9D%E8%AF%95/img/snipaste_2026-11-12_18-22-53-769f3ae2_hu_bcc3bb841643926c.png 1024w" loading="lazy" class="gallery-image" data-flex-grow="190" data-flex-basis="456px" ></p> <h2 id="最终效果">最终效果 </h2><p>此自制通用卡通Shader受次次先生渲染思路影响很深，也有一些自己的理解，全程使用ASE制作。</p> <p><img src="https://axppk.github.io/p/npr%E6%B8%B2%E6%9F%93%E5%B0%9D%E8%AF%95/img/1-b99514c3.png" width="2560" height="1347" srcset="https://axppk.github.io/p/npr%E6%B8%B2%E6%9F%93%E5%B0%9D%E8%AF%95/img/1-b99514c3_hu_3d49eae7f8073e2e.png 480w, https://axppk.github.io/p/npr%E6%B8%B2%E6%9F%93%E5%B0%9D%E8%AF%95/img/1-b99514c3_hu_116564b758c8d7ec.png 1024w" loading="lazy" class="gallery-image" data-flex-grow="190" data-flex-basis="456px" ></p>