Koo叔说Shader-描边效果

最新推荐文章于 2025-08-29 15:22:58 发布

原创

最新推荐文章于 2025-08-29 15:22:58 发布 · 1.6k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#shader #outline

本文介绍了在游戏开发中常见的描边效果实现方法，通过两个pass，利用法线外拓的技术在屏幕空间中创建描边。首先绘制比模型大一圈的填充，然后正常绘制贴图，以此达到描边效果。作者还探讨了透视问题和法线矩阵在其中的作用，并提供了配套代码的获取途径。

前言

描边效果，在游戏中比较常见，实现方式也有好多种，今天主要讲一下比较容易理解的一种，需要用到两个pass实现。

描边效果

先看效果：
这里写图片描述
这个描边效果比较简单，这个动的贴图是屏幕空间计算的，顺便也说说屏幕空间计算。

原理分析

利用两个pass,第一个pass先画比模型大一圈的填充，第二个pass正常画贴图
屏幕空间是取屏幕空间的点来实现一些特殊效果

具体实现

Shader "Unlit/Outline and ScreenSpace texture"
{
    Properties
    {
        [Header(Outline)]//Inspector显示分类标题
        _OutlineVal("Outline value",Range(0.,2.)) = 1.//自定义描边大小
        _OutlineCol("Outline color",Color) = (1.