伪次表面散射梳理

最新推荐文章于 2022-07-09 20:04:55 发布
VIP文章 最新推荐文章于 2022-07-09 20:04:55 发布
阅读量1.2k 收藏 10
点赞数 2
分类专栏： unityshader 次表面散射 文章标签： unity3d
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42362584/article/details/106159874
版权

渲染角色的时候需要表现出皮肤的通透感，找到下面四种模拟的方法：预积分，贴图映射，matcap，模拟透光。

预积分的方法

把次表面散射的效果预计算成一张二维查找表，查找表的参数分别是dot(N,L)和曲率，因为这两者结合就能够反映出光照随着曲率的变化。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-DGOaH0p1-1589614142807)(8033C0E2A77242AD8E2A7EAAD1DFBA53)]
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Jcmk4B6a-1589614142811)(ED7D31F036CF42CF82A7BDE979136618)]

fixed3 sss =tex2D(_SSSLUT,float2(nl*0.499+0.5,cuv));

最低0.47元/天 解锁文章
5I7U
关注
  • 2
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Unity Shader学习：SSS次表面散射
咪咪博客
12-18 6937
Unity Shader学习：SSS次表面散射 原文章地址:http://walkingfat.com/simple-subsurface-scatterting-for-mobile-%EF%BC%88%E4%B8%80%EF%BC%89%E9%80%9A%E9%80%8F%E6%9D%90%E8%B4%A8%E7%9A%84%E6%AC%A1%E8%A1%A8%E9%9D%A2%E6%9...
UnityShader水墨渲染的尝试
weixin_42362584的博客
05-05 3328
UnityShader水墨渲染的尝试描边混合纹理 先上一张原图，模型素材之类的可以在这里 下载 描边 使用最基本的dot(n,v)来计算边缘，根据需要给控制项，这里我使用了pow来使明暗对比更强烈，又除以一个值调整过渡。 half nv = max(saturate(dot(bump, viewDir)),0.0001); //这里用除法调节起来比较好控制 fixed outline = po...
从0开始的技术美术之路（七）模型与材质基础
qq_43210334的博客
04-12 726
本篇参考B站视频 “技术美术百人计划”·霜狼_may ； 《Shader入门精要》·冯乐乐女神著； 本篇主要用于自我复习，如有疑问或发现有什么错误，请多指教~ 本篇内容主要包括渲染管线与模型基础，材质基础，模型数据解析。 一.渲染管线与模型基础 1.图形渲染管线 一如既往熟悉的渲染管线，蓝色背景的都是可编程的，稍微复习下： 顶点着色器：将顶点坐标从模型空间转换到齐次裁剪空间，我们可以通过在顶点着色器中改变顶点位置实现动画；（可参考实战篇中的幽灵小人） ； 片段着色器：将光栅化阶段所插值的模型信息进行.
GAMES101 梳理 / 个人向图形学笔记
qq_39006214的博客
04-06 6274
矩阵变换 Lecture2 线性代数 Lecture3-4 坐标变换 1、二维的坐标变化 2、三维的坐标变化 矩阵相乘的顺序是从右往左，矩阵变换的顺序应该是——旋转、缩放、平移。 为什么引入齐次坐标 不引入齐次坐标，类似斜切等 为什么引入齐次坐标？ 为了用一个矩阵就可以表示矩阵的变换 ...
Layabox WebGL Shader编程教程
04-07
在Html5 3D游戏开发中WebGL Shader的作用非常重要，然而学习WebGL Shader的路却不是那么容易，第一它涉及到方方面面的知识和基础， 比如：3D数学，计算机图形学甚至硬件。第二各个Html5游戏引擎关于WebGL Shader的资源都比较少,不方便初学者入门学习。与其在互联网上四处搜索零散的资料，不如从头开始，系统全面的去学习WebGL Shader的“代码的艺术”。本教程“授人以渔”,为大家带来零起点的WebGL Shader教学，从图形硬件的发展史开始，讲GPU可编程管线，讲3D模型数据结构、贴图、光照、渲染，让大家能从一个纵深的过程中宏观的了解这种技术的前因后果。教程以LayaBox引擎为环境 ，重点放在GLSL语言的学习，经典光照的计算，各种纹理贴图的原理与使用，PBR、NPR、SSS等渲染类型的实现。 手把手在Layabox环境下进行逐行代码的教学，期望帮助大家进入WebGL Shader编程的大门，最终能在实际的工程实践中有些创造和创新。1. 课程为99课时，总时长约为2000分钟到2500分钟。2. 课程 源代码 在对应课时的课件资源中，可下载。
Unity Shader - 伪次表面散射模拟
长生但酒狂的博客
09-11 2268
前言 感觉好久没更新博客了，这段时间决定重新把写博客的习惯捡起来！前段时间学习研究了一下次表面散射相关的知识，这次我们就在Unity中简单实现一下该效果。如果哪里有错误的地方，希望大家能够指出，多多讨论。 次表面散射（Subsurface scattering） 次表面散射是光在传播时的一种现象，表现为光在穿过透明物体表面后，与材料之间发生交互作用而导致光被散射开来，光路也在其他的位置穿出物体。光一般会穿透物体的表面，在物体内部在不同的角度被反射若干次，最终穿出物体。次表面散射在三维计算机图形中十分重要，.
从0开始的技美实战（三）
qq_43210334的博客
03-18 601
本篇主要用于记录自己的实战操作，以及一些碎碎念（观后感），如果有什么好想法或者本篇出现什么错误，请多指教~ 本篇的内容参考视频：庄懂的技术美术入门课（美术向） 使用软件：Unity 2019 3.6f1 ，ShaderForge 本篇主要内容包含：SSS效果的制作 一.SSS效果案例分析 效果说明：亮部仍是有一定的明暗变化，暗部是一个随着滑动条变化的动态效果，两个极端分别为纯黑和一个渐变色填满，通俗来讲就类比手指遮住手机手电筒时的效果； （我自己的思路是以半兰伯特模型为基础，用if节点判断，将灰度值
Unity Shader - “快速“ 次散射 (Fast SSS : Fast Subsurface Scattering)
Jave.Lin 的学习笔记
07-09 3344
--- # 目的 备份，备忘 --- # 思路 一般次散射效果都是使用 光线追踪 来渲染的话，还原度会很高（也不是100精准，都是模拟，毕竟物质内的如何让光子偏移方向散射出来，这不是现代计算机，现代渲染架构能支撑得起的） 所以这个 假 次散射，相对 实时渲染效果的价值还是有的 具体思路： - 导出模型的厚度图 - 将片段（像素）中的 观察位置方向 和 光源入射方向 做 dot - 然后控制 dot 后的 pow, scale 来控制边缘，和 整体亮度 - 叠加到之前的颜色着色上即可..........
庄懂着色器_L02_卡渲
精密时空设计局
04-09 209
庄懂-BoyanTata的个人空间_哔哩哔哩_Bilibili 渲染流程 模型 -输入结构 -顶点Shader -输出结构 -像素Shader -渲染结果 关联编辑器 SF新建最简Shader模板 ShaderForge设置 Geometry -一般选择插值Interpolated(插值会比较简单) Normalized 归一化会在每一个像素将Normal去做一个归一化,如果一个向量,它有方向,但是它的大小没有什么含义,但是这个方向经常进行各种点乘D...
次表面散射玉石
11-09
基于次表面散射(SSS)的玉石渲染 次表面散射(SSS)的概念自行百度，表现光进入物体，然后发生内部散射，最终从不同的位置射出，主要用于模拟玉石，翡翠，蜡烛，皮肤等有一点点透光的物体
SISSSShader：简单仿制次表面散射着色器
02-21
SISSS着色器简单仿制次表面散射着色器
Unity3d shader之次表面散射
06-14
次表面散射是一种非常常用的效果，可以用在很多材质上，如皮肤，牛奶，奶油奶酪，番茄酱，土豆等等
separable-sss-unity:可分离的次表面散射是一项仅需两次通过即可在屏幕空间中高效执行次表面散射计算的技术
05-15
可分离的团结 可分离的次表面散射是一项技术，它允许在屏幕空间中仅进行两遍就可以有效地执行次表面散射计算。
单次散射理论
03-28
二次以上的散射光的影响可以忽略的粒子散射。单散射近似的数学处理较为简单，在工程设计中得到了广泛的应用。
次表面工程
04-17
Unity不像虚幻那样自带很多特效所以做皮肤只能去商场买无奈商场大多数皮肤shader效果很垃圾就Preintegrated算得上皮肤。...不过这只是个下载文件大家自己玩玩，周末有空写完整实现教程，教大家弄次表面散射。
水的渲染（水体）
weixin_42362584的博客
05-17 1912
水体渲染有很多种方法，这里写的很详细。我这里使用Flow Map的方法，先渲染水的主体，白沫以后再写。先放两张参考图： 方法介绍 本质上就是UV动画，需要的重要素材有两种，一是法线贴图，二是方向贴图。 Flow Map的典型使用代码如下所示： //get and uncompress the flow vector for this pixel float2 flowmap = tex2D( FlowMapS, tex0 ).rg * 2.0f - 1.0f; float cycleOffset = t
Unity深度图的理论知识
weixin_42362584的博客
05-09 1496
深度图的解释 在坐标变换中，顶点从裁剪空间到屏幕空间中间有两个步骤，一个是NDC，一个是屏幕映射。 NDC 在NDC之前，x,y,z,w的值跟Near和far有关，w的范围就是[Near,Far]。 经过NDC，即用w除以x,y,z，此时x,y,z的值范围是[-1,1],w是1.（但在OpenGl中，z的范围是[0,1])。 z就是深度值。 储存到纹理中映射一下：d=z*0.5+0.5 屏幕映射 经过NDC后，在根据屏幕像素来把x,y映射到屏幕上。 映射方法： screen_x = clip_x * pix
替换着色器Replacement Shader的用法
weixin_42362584的博客
05-12 1076
方法解释 1.Tags可以自定义。 2.subshader标签的使用： 原本的shader： Tags { “RenderType”=“Opaque” } 替换的shader： Tags { “RenderType”=“Opaque” } Tags { “RenderType”=“SomethingElse” } 标签为"RenderType"=“Opaque"的，会被同样是"RenderType”="Opaque"标签的替换shader所替换。 需要替换的shader，RenderType后面的键值要一样
three.js实现次表面散射
最新发布
11-18
three.js可以通过使用SSS材质（Subsurface Scattering Material）来实现次表面散射。SSS材质可以模拟光线在物体内部的散射，从而实现更加真实的渲染效果。下面是一个使用SSS材质的例子： ```javascript // 创建一个SSS材质 var material = new THREE.MeshPhysicalMaterial({ color: 0xffffff, roughness: 0.5, metalness: 0.5, subsurface: 0.5, // 设置次表面散射强度 transparent: true, opacity: 0.5 }); // 创建一个球体并应用SSS材质 var sphere = new THREE.Mesh(new THREE.SphereGeometry(5, 32, 32), material); scene.add(sphere); ``` 在上面的例子中，我们创建了一个SSS材质，并将其应用到一个球体上。通过设置`subsurface`属性，我们可以控制次表面散射的强度。需要注意的是，SSS材质只能应用于`MeshPhysicalMaterial`材质类型。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值