【TA-霜狼_may-《百人计划》】图形3.2 混合模式及剔除

2024-06-04 17:43:51

【TA-霜狼_may-《百人计划》】图形3.2 混合模式及剔除

@[TOC](【TA-霜狼_may-《百人计划》】图形3.2 混合模式及剔除
3.2.1 什么是混合模式
3.2.2 混合模式有哪些类型
- ShaderLab内的混合
- Blend & BlendOp
- 总结
3.2.3 混合模式的实现方式
- Normal
- Alpha
- Darken
- Multipy
- Screen（滤色）
- Lighten
- LinearDodge（线性减淡）
3.2.4 剔除
- 总结

3.2.1 什么是混合模式

混合的定义：（Blend）把两种颜色混合在一起，具体就是把某一像素位置原来的颜色和将要画上去的颜色，通过某种方式或者算法混在一起，从而实现新的效果。
PS中的正片叠底都是混合的一种。

最终颜色 = Shader 计算后的颜色值 * 原因子（SrcFactor） + 累积颜色 * 目标因子（DstFactor）
Shader 声明的开头： Blend SrcFactor DstFactor

3.2.2 混合模式有哪些类型

Ps中所有的混合模式

ShaderLab内的混合

如果颜色的某一分量超过1.0，则它会被自动截取为1.0，不需要考虑越界的问题。
在所有着色器执行完毕，所有纹理都被应用，所有像素准备被呈现到屏幕之后，使用Blend命令来操作这些像素进行混合。
相关指令：

Blend Off
Blend SrcFactor DstFactor
Blend SrcFactor DstFactor，SrcFactorA DstFactorA
BlendOp Value（设置不同的混合方式）
BlendOp OpColor，OpAlpha
AlphaToMaskOn

Blend & BlendOp

finalValue = sourceFactor * sourceValue operation destinationFactor * destinationValue
Blend方法并不是所有的硬件都支持，支持的硬件也不一定支持所有的操作方法。需要更具具体平台而定。

总结

Blend命令：启用混合会禁用GPU上的一些优化（主要是隐藏表面和去除Early-Z）这会导致GPU帧时间增加。
混合操作默认为Add。
如果使用BlendOp命令，则混合操作将设置为该值。
单独的RGB和alpha混合与高级OpenGL混合操作不兼容

3.2.3 混合模式的实现方式

可以利用内置的枚举类型对混合方式进行选择。

Normal

Alpha

Darken

BlendOp Min
Blend One One
（两句要结合起来使用）

Multipy

Screen（滤色）

Blend OneMinusDstColor One 或 Blend One OneMinusSrcColor

Lighten

BlendOp Max
Blend One One

LinearDodge（线性减淡）

Blend One One

3.2.4 剔除

法线剔除：也称为背面消隐，根据法线朝向判断哪个面被剔除掉。可以用来控制是否双面渲染。
语法：Cull
后跟 Off Front Back

面裁切：clip函数会将参数小宇某像素点直接在片元阶段丢弃，常用于制作溶解，裁剪等效果。
语法：Clip（）；默认会切掉0.5的部分。
或者使用if方法

总结

开启双面渲染相当于绘制了两次；
Clip函数在某些PowerVR的机型上效率较低。
面裁切Clip使用AlphaTest队列。

【TA-霜狼_may-《百人计划》】图形3.2 混合模式及剔除相关推荐

百人计划图形2.1 色彩空间
色彩发送器色彩认知:光源是出生点,光源发出光线,光线通过直射反射折射等路径最终进入人眼.在接收到光线后,人眼产生了一系列化学反应.由此把产生的信号传入大脑,大脑对颜色产生了认知感知. 光的要素: 光 ...
百人计划图形1.4 PC手机图形API介绍
前言电脑工作原理:电脑是有各种不同的硬件组成,由驱动软件驱使硬件进行工作.所有的如软件工程师都会直接或间接使用到驱动. 定义:是一个针对GPU的图形库,用于渲染2D.3D矢量图形的跨语言.跨平台的应 ...
百人计划图形 2.5 BUMP图改进
基础感念凹凸贴图技术是对物体表面贴图进行变化然后再进行光照计算的一种技术.例如给法线分量添加噪音,或者在一个保存扰动值的纹理图中进行查找,这是一种提升物体真实感的有效办法,但却不需要额外的提升物体的 ...
百人计划图形2.2 模型与材质基础
渲染流水线大致过程 1.顶点数据输入到顶点着色器中进行相关的顶点计算,然后进行图元装配,通过点与点之间的关系将点进行连接.2.再到几何着色器(可选着色器)进行图元的增加,再到光栅化通过遍历像素点将一个 ...
【TA-霜狼_may-《百人计划》】图形3.4 延迟渲染管线介绍
[TA-霜狼_may-<百人计划>]图形3.4 延迟渲染管线介绍 @[TOC]([TA-霜狼_may-<百人计划>]图形3.4 延迟渲染管线介绍 3.4.1 渲染路径 3.4. ...
【TA-霜狼_may-《百人计划》】图形3.7.2 command buffer简
[TA-霜狼_may-<百人计划>]图形3.72command buffer 及urp概述 @[TOC]([TA-霜狼_may-<百人计划>]图形3.72command buf ...
【TA-霜狼_may-《百人计划》】图形4.5 DoF景深基础
[TA-霜狼_may-<百人计划>]图形4.5 Dof景深基础 @[TOC]([TA-霜狼_may-<百人计划>]图形4.5 Dof景深基础 4.5.1 景深离散圈 4.5. ...
【TA-霜狼_may-《百人计划》】图形2.7.2 GPU硬件架构概述
[TA-霜狼_may-<百人计划>]图形2.7.2 GPU硬件架构概述 @[TOC]([TA-霜狼_may-<百人计划>]图形2.7.2 GPU硬件架构概述 GPU是什么 GP ...
技美百人计划（图形）1.1渲染流程
技美百人计划 (图形) 图形 1.1 渲染流水管线2.1数学基础很早之前就有关注百人计划这个系列的课程,也跟着看到了2.几的教学但是一直没有写笔记,最近看到百人计划已经快更新完毕了,决定从头看一遍 ...
个人学习笔记 ——【技术美术百人计划】图形 2.1 色彩空间介绍
个人学习笔记 --[技术美术百人计划]图形 2.1 色彩空间介绍图形 2.1 色彩空间介绍个人学习笔记 --[技术美术百人计划]图形 2.1 色彩空间介绍图形 2.1 色彩空间介绍一.色彩发送 ...

最新文章

热门文章