中级Shader教程18 多层透明叠加渲染

最新推荐文章于 2024-03-08 16:51:46 发布

JiepengTan

最新推荐文章于 2024-03-08 16:51:46 发布

阅读量4k

点赞数

CC 4.0 BY-SA版权

分类专栏：中级shader教程文章标签： unity raymarching 理论 shader

这篇中级Shader教程详细介绍了多层透明物体的渲染技术，包括从前往后混合和从后往前混合两种方法。文章强调了在处理透明颜色时，实际显示的颜色是rgb乘以alpha（a）的值，这对于理解透明叠加至关重要。提供了相应的Shader代码实现，并提到这些技术在渲染云和风等场景中的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

layout: post
title: “中级Shader教程18 多层透明叠加渲染”
date: 2018-04-23 16:09:03
author: Jiepeng Tan
categories:

shader tutorial
tags: shader_tutorial sea shader wave
img_path: /assets/img/blog/ShaderTutorial2D/Snow
mathjax: true

Shader 视频教程

1.我们通常说起颜色通常说“这个颜色的rgb值是多少”，而不是说“这个颜色的rgba值是多少”,不说a是因为我们默认改颜色的a = 1.0，即是不透明的

2.所以得提醒：使用rgba表示颜色时，我们最终看到的颜色不是rgb,而是rgb*a。这点对于理解多层透明混合很重要。

3.这个代码将会在后面渲染云和狂风中出现，如果想要真正理解并灵活运用该渲染套路,请重视！

我们设前景色为fCol,背景色为bCol
一开始我们的可以拥有的目光为remainA = 1.0，看到到的颜色为sumCol = 0

迭代1：
    我们的目光透过前景色后：  
    remainA1 = 1.0- fCol.a  
    sumCol1 = fCol.rgb * fCol.a

200万优质内容无限畅学