个人学习笔记 ——【技术美术百人计划】图形 3.1 深度与模板测试 传送门效果示例

本文主要是介绍个人学习笔记 ——【技术美术百人计划】图形 3.1 深度与模板测试 传送门效果示例,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

个人学习笔记 ——【技术美术百人计划】图形 3.1 深度与模板测试 传送门效果示例


图形 3.1 深度与模板测试

  • 个人学习笔记 ——【技术美术百人计划】图形 3.1 深度与模板测试 传送门效果示例
  • 模板测试
    • 一、什么是模板测试?
      • 1.案例欣赏
    • 二、模板测试是什么?
      • 1. 从渲染管线出发
      • 2. 从逻辑上理解
      • 3. 从书面概念上理解
    • 三、 基本原理和使用方法
      • 1. 语法表示
      • 2. ComparisonFunction
      • 3. StencilOperation 更新值
    • 四、 案列讲解
      • 1. 案例一:3D卡牌效果
        • 1.1 蒙版的shader(StencilMask)
        • 1.2 物体的shader
        • 1.3 总结
      • 2. 案例二:盒子不同面显示不同场景
        • 2.1 蒙版的shader(StencilMask)
        • 2.2 物体的shader
        • 2.3 总结
    • 五、 模板测试总结
  • 深度测试
    • 一、 深度测试是什么
      • 1. 从渲染管线出发
      • 2.从逻辑上理解
      • 3.从书面概念上理解
      • 4.从发展上理解
    • 二、 基本原理和使用方法
      • 1. Z-Buffer(深度缓冲区)
      • 2. Z Write
      • 3. Z Test 的比较
      • 4.渲染队列
      • 5.简述 Early - Z 技术
      • 6.深度值
    • 三、Unity项目展示与讲解
      • 1.案例一:三个正方体的遮挡关系
      • 2.案例二 :透视X-Ray效果
      • 3.案例三:粒子特效
    • 四、 深度测试总结
    • 五、深度测试扩展
  • 作业
    • 尝试Unity实现地图扫描效果
  • 引用


B站:

【技术美术百人计划】图形 3.1 深度与模板测试 传送门效果示例

PPT:

图形 3.1 深度与模板测试


模板测试

一、什么是模板测试?

在这里插入图片描述

左图为颜色缓冲区中的一张图,在模板缓冲区中我们会给这张图的每一个片元分配一个0-255的数字(8位,默认为0)
中、右图可以看到,我们修改了一些0为1,通过自定义的一些准则;
如果1则输出
------不是则不输出
最后通过模板测试的结果就如右图所示

1.案例欣赏

传送门效果:可以看到左边传送门内的景象正是右侧的场景

在这里插入图片描述
Minions讲解的一些效果,例如3D卡牌效果、侦探镜效果等
MinionsArt

在这里插入图片描述

二、模板测试是什么?

1. 从渲染管线出发

在这里插入图片描述
**

注意:是在逐片元阶段操作

**

在这里插入图片描述
Pixel Ownership Test(像素权限测试) :控制当前屏幕像素的使用权限;
Scissor Test(裁剪测试),根据自定义,在Game/Scence确定要渲染的部分,默认是都渲染;
Alpha Test(透明度测试),提前设置一个透明度预值,只能实现不透明效果和全透明效果;
Stencil Test (模板测试),在输入片段的模板上进行,以确定片段是否该被拒绝;
Depth Tset (深度测试),在输入片段的深度值上进行,以确定片段是否该被拒绝;
Blending(透明度混合),用于实现半透明效果;
Dithering(抖动)

2. 从逻辑上理解

在这里插入图片描述

通过一定条件来判断是对该片元或片元属性执行抛弃操作还是保留操作

//掩码类比于PS,AE中的蒙版遮罩
if(当前模板缓冲参考值&读掩码 比较 模板缓冲区中值&读掩码){通过像素
}else{舍弃像素
}

3. 从书面概念上理解

模板缓冲区
模板缓冲区与颜色缓冲区和深度缓冲区类似;
模板缓冲区可以为屏幕上的每个像素点保存一个无符号整数值(通常的话是个8位整数);
这个值的具体意义视程序的具体应用而定;

在渲染的过程中,可以用这个值与一个预先设定的参考值相比较,根据比较的结果来决定是否更新相应的像素点的颜色值;
这个比较的过程被称为模板测试
模板测试发生在透明度测试(alpha test)之后深度测试(depth test)之前
如果模板测试通过,则相应的像素点更新,否则不更新;

三、 基本原理和使用方法

1. 语法表示

Stencil{Ref referenceValue  //给片元设置参考值取值范围为0——255ReadMask readMask   //读取掩码WriteMask writeMask  //写入掩码Comp comparisonFunction  //比较操作函数Pass stencilOperation   //通过模板测试Fail stencilOperation   //未通过模板测试Zfail stencilOperation  //模板测试通过,深度测试未通过
}

2. ComparisonFunction

在这里插入图片描述

3. StencilOperation 更新值

在这里插入图片描述

四、 案列讲解

1. 案例一:3D卡牌效果

在这里插入图片描述

实现效果

在这里插入图片描述

在材质中将ReferenceValue改为0时的效果(模型直接摆放时的显示效果)
Unity中模板缓冲区默认都是0

1.1 蒙版的shader(StencilMask)

在这里插入图片描述

    Properties{_ID("Mask ID", Int) = 1 //一个开放参数可控Mask ID的值}SubShader{Tags { "RenderType"="Opaque" //渲染类型为不透明物体 所以是Opaque"Queue" = "Geometry+1" //渲染队列+1 即默认的一个不透明物体的渲染队列的后面进行这个操作}ColorMask 0 //颜色遮罩,0就是什么都不输出为透明 可选RGBA0ZWrite Off //关闭深度写入,防止显示的东西被深度剔除Stencil

这篇关于个人学习笔记 ——【技术美术百人计划】图形 3.1 深度与模板测试 传送门效果示例的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/157300

相关文章

SpringBoot基于MyBatis-Plus实现Lambda Query查询的示例代码

《SpringBoot基于MyBatis-Plus实现LambdaQuery查询的示例代码》MyBatis-Plus是MyBatis的增强工具,简化了数据库操作,并提高了开发效率,它提供了多种查询方... 目录引言基础环境配置依赖配置(Maven)application.yml 配置表结构设计demo_st

SpringCloud集成AlloyDB的示例代码

《SpringCloud集成AlloyDB的示例代码》AlloyDB是GoogleCloud提供的一种高度可扩展、强性能的关系型数据库服务,它兼容PostgreSQL,并提供了更快的查询性能... 目录1.AlloyDBjavascript是什么?AlloyDB 的工作原理2.搭建测试环境3.代码工程1.

Java中ArrayList的8种浅拷贝方式示例代码

《Java中ArrayList的8种浅拷贝方式示例代码》:本文主要介绍Java中ArrayList的8种浅拷贝方式的相关资料,讲解了Java中ArrayList的浅拷贝概念,并详细分享了八种实现浅... 目录引言什么是浅拷贝?ArrayList 浅拷贝的重要性方法一:使用构造函数方法二:使用 addAll(

Golang使用etcd构建分布式锁的示例分享

《Golang使用etcd构建分布式锁的示例分享》在本教程中,我们将学习如何使用Go和etcd构建分布式锁系统,分布式锁系统对于管理对分布式系统中共享资源的并发访问至关重要,它有助于维护一致性,防止竞... 目录引言环境准备新建Go项目实现加锁和解锁功能测试分布式锁重构实现失败重试总结引言我们将使用Go作

JAVA利用顺序表实现“杨辉三角”的思路及代码示例

《JAVA利用顺序表实现“杨辉三角”的思路及代码示例》杨辉三角形是中国古代数学的杰出研究成果之一,是我国北宋数学家贾宪于1050年首先发现并使用的,:本文主要介绍JAVA利用顺序表实现杨辉三角的思... 目录一:“杨辉三角”题目链接二:题解代码:三:题解思路:总结一:“杨辉三角”题目链接题目链接:点击这里

Node.js 中 http 模块的深度剖析与实战应用小结

《Node.js中http模块的深度剖析与实战应用小结》本文详细介绍了Node.js中的http模块,从创建HTTP服务器、处理请求与响应,到获取请求参数,每个环节都通过代码示例进行解析,旨在帮... 目录Node.js 中 http 模块的深度剖析与实战应用一、引言二、创建 HTTP 服务器:基石搭建(一

基于Python实现PDF动画翻页效果的阅读器

《基于Python实现PDF动画翻页效果的阅读器》在这篇博客中,我们将深入分析一个基于wxPython实现的PDF阅读器程序,该程序支持加载PDF文件并显示页面内容,同时支持页面切换动画效果,文中有详... 目录全部代码代码结构初始化 UI 界面加载 PDF 文件显示 PDF 页面页面切换动画运行效果总结主

SpringBoot使用注解集成Redis缓存的示例代码

《SpringBoot使用注解集成Redis缓存的示例代码》:本文主要介绍在SpringBoot中使用注解集成Redis缓存的步骤,包括添加依赖、创建相关配置类、需要缓存数据的类(Tes... 目录一、创建 Caching 配置类二、创建需要缓存数据的类三、测试方法Spring Boot 熟悉后,集成一个外

React实现原生APP切换效果

《React实现原生APP切换效果》最近需要使用Hybrid的方式开发一个APP,交互和原生APP相似并且需要IM通信,本文给大家介绍了使用React实现原生APP切换效果,文中通过代码示例讲解的非常... 目录背景需求概览技术栈实现步骤根据 react-router-dom 文档配置好路由添加过渡动画使用

Springboot使用RabbitMQ实现关闭超时订单(示例详解)

《Springboot使用RabbitMQ实现关闭超时订单(示例详解)》介绍了如何在SpringBoot项目中使用RabbitMQ实现订单的延时处理和超时关闭,通过配置RabbitMQ的交换机、队列和... 目录1.maven中引入rabbitmq的依赖:2.application.yml中进行rabbit