卡通刘海阴影和风格化眉毛渲染简述

最新推荐文章于 2022-10-21 14:58:04 发布
原创 最新推荐文章于 2022-10-21 14:58:04 发布 · 1.2k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#unity3d #shader

这篇博客探讨了3D渲染中面部效果的实现流程，包括渲染眉毛眼睛、阴影偏移、混合渲染等步骤，重点在于如何在模型中使眉毛与刘海自然融合，同时展现了半透明刘海与眉毛的视觉效果。文章还提到了URP渲染设置对最终效果的影响。

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

流程

  1. 渲染面部
  2. 渲染眉毛眼睛，写入模板缓冲id1
  3. 渲染阴影偏移模板，根据光的位置调整刘海位置，写入id2，（WriteMask为id2）
  4. 再次渲染面部，等于id2的地方（ReadMask为id2），将阴影渲染到面部
  5. 渲染刘海，等于id1的地方(ReadMask为id1)，用混合渲染刘海与眉毛眼睛重叠部分，用id1重写模板缓冲区
  6.  渲染刘海，不等于id1的地方 

URP渲染设置

效果

这个模型的眉毛没有和脸分开，所以看不到刘海半透看到眉毛的效果

Android 11.0 SystemUI状态栏去掉刘海屏功能实现
安卓兼职framework和app工程师的博客
05-02 217
在android11.0的系统rom定制化开发中，在一些产品中，对于带有刘海屏的产品中，会因为 刘海屏导致状态栏能显示图片的位置很小，然后会出现状态栏图标显示为白点的功能， 接下来看下问题怎么解决
Android 10.0 SystemUI状态栏去掉刘海屏功能实现
安卓兼职framework和app工程师的博客
03-27 554
在android10.0的系统rom定制化开发中，在一些产品中，对于带有刘海屏的产品中，会因为 刘海屏导致状态栏能显示图片的位置很小，然后会出现状态栏图标显示为白点的功能， 接下来看下问题怎么解决
Unity实时阴影技术（shadowMap)
qq_53057269的博客
10-21 3748
Unity实时阴影技术
Unity-Chan Toon Shader 2 介绍
cangod的博客
05-17 7819
Introduction to Unity-Chan Toon Shader 2 本文档主要是对UTS2官方手册的个人理解与总结（其实以翻译记录为主：>） 仅作为个人学习使用，不得作为商业用途，欢迎转载，并请注明出处。 翻译中有些术语不准确，但不影响理解的，不再一一调整，有些简单的示例可能会被跳过，请谅解。 参考链接：https://github.com/unity3d-jp/UnityCh...
日式卡通渲染的效果的unity实现
热门推荐
篱笆外的狐狸专栏
03-11 3万+
最近沉迷崩坏3无法自拔，为了能够亲手造出芽衣姐姐，我在网上找了一篇日式卡通渲染的文章，终于在我的不屑努力（上班偷懒）下，写出了能让芽衣姐姐变漂亮的卡通shader来。这篇文章在这里。 3D日式卡通人物渲染的经验分享 我不知道这是哪个游戏的角色，但是成品看上去感觉非常不错，于是我就根据这篇文章在unity里实现了里面的效果。 效果如下 这里包括的效果有 ：梯度
UE4从零开始的卡通渲染——阴影篇（二）
shanquanwan6419的博客
03-20 2278
卡通渲染——阴影篇（二） 前言 上一篇中我们已经实现了卡通渲染最基本的色阶分离的效果，并且与原生UE渲染效果进行了比较。虽然整体效果是有了但是细节上还是缺少打磨，所以接下来我们看看该如何修改我们的效果 问题 当我们拉近观察人物的脸部的时候，发现由于我们计算的是脸部的法线与灯光的点乘，所以在一些角度下脸部的阴影显得有些凌乱，不符合卡通渲染的大范围阴影的形式。 实现效果 我们要做的是简化脸部的阴影，例如下图的显示，脸部的阴影简化以后，看上去...
【内置渲染管线】Unity标准Shader解析（渲染模式，贴图类型）
纯技术流日常开发商业开发记录总结等
05-31 5677
438312501
Word模板 - 页眉刘海屏风格
09-02
"Word模板 - 页眉刘海屏风格"标题所指的是一种新颖的设计风格，它可能借鉴了智能手机的刘海屏设计，将页眉部分设计成类似刘海的形状，为文档添加独特的视觉效果。 描述中提到，这个模板内部包含样式和简单的内容...
iphone刘海屏页面适配方法
10-17
总的来说，iPhone刘海屏页面适配是一个对设计和开发都提出了新挑战的课题，但通过合理运用现代浏览器提供的布局控制技术和CSS环境查询，可以较好地解决这一问题，确保在不同设备上都有良好的用户体验。
H页面适配刘海屏和安全区方案.doc
最新发布
08-06
H页面适配刘海屏和安全区方案.doc
Unity下的日式卡通渲染实现-着色篇（一）
远行's Blog
03-16 8523
这篇文章讲述的是项目中二次元日式卡通着色渲染用到的一些跟着色相关的技术点。 一、卡通着色 何谓卡通着色？大概是让角色看起来卡通的角色吧。这里说的卡通着色，实际上指的是色阶着色。即根据光照和法线计算出当前像素处于哪个色阶，色阶直接有平缓过渡。 1.1 三色阶 如下图所示， 这是一个三阶色的着色结果。可以看到着色结果是明显的三阶，从正对光照到背对光照是过渡分明的白色、灰色、黑色的三色阶。卡通渲染着色最基础的部分就是这种明显过渡的色阶。根据需要，项目中可能采用的是二色阶或者三色阶。我们观察过战双的角色效果，猜测
Unity-ShaderLab 逆向还原《原神》角色卡通渲染思路与实现(保姆级教学)-2
Yur1Ka的博客
02-23 4807
一转眼已经有一个多月没更新了额，时间过得真快。今天终于决定要更新Part 2了。 ----那我们就继续吧。 上篇已经讲完了漫反射、高光和光照贴图，本篇将会介绍角色背光时边缘光与基于阈值图的面部阴影的实现方法。 3.4基于Fresnel原理实现背光边缘光 我们知道，将光照方向与物体表面法线方向点乘，可以获得光照方向越接近表面法线方向，计算值越大的结果。我们可以使用这个结果来配合smoothstep等函数来区分物体的亮暗面。 ----那么请想象一下，如果我们将视线方向与物体表面法线方向点乘，可以获得什么结果呢？
崩三类卡通渲染解析及制作规范
goodboystrong的博客
04-18 1万+
一、本篇文章分为三部分1，卡通材质解析。2，优化方向。3，制作规范。二、正文部分1，卡通材质解析卡通渲染属于非真实感计算机图形学（NPR）的范畴，然而崩三的卡通渲染又在国内被称为行业的标杆，前段时候花了一些时间对此研究了一下，也算对最近的卡通渲染做一次总结。本人原画，3D出身将从美术的角度，全面解析崩三的卡通渲染，并文章末尾提供必要的Unity2017的shader代码，和maya及max中卡通材...
Unity标准着色器(Standard Shader)参数讲解（三）
常城的专栏
09-17 6857
接上文。 6，遮挡图 Occlusion Map 简单来说，这个贴图是用来处理间接光照的（比如环境光）。遮挡图是灰度图像，白色指示区域应接收完全间接照明，黑色表示不间接照明。很多软件可以直接生成。 下面是官网的说明图。 左边，没有应用遮挡图，可以看到，在脖子上的织物褶皱处，被照亮得太亮了。 右边，在分配环境遮挡图之后，这些区域不再被来自周围树木环
URP下Matcap Shader实现
driftboat的专栏
12-24 2231
MatCap原理与基本实现 参考以下文章，通过反射方向从贴图中采样 Creating a Spherical Environment Mapping shader - Blog - Clicktorelease 反射方向优化 通过TransformWorldToViewDir计算的View空间的反射方向不会随像素点位置变化而变化，需要像素的视线空间来计算反射方向，代码如下： half3 cameraFoward = -viewDirectionWS; half3 viewUpDi
基于Unity Dots实现我的世界(Minecraft)基本建造功能
driftboat的专栏
07-26 581
源码地址 https://github.com/driftboat/DogeMetaversePlay 系统划分 InitTerrainSystem 进行地块的加载和初始化 SetGunShowBulletSystem 设置当前显示的建造块 BuildBPhysicsWorldSystem 收集块，计算临近块，并隐藏被包围的块 CharacterControllerSystem 移动控制 CharacterGunOneToManyInputSystem 建造或者销毁块，鼠标左.
Unity3d ECS SystemBase Dependency
driftboat的专栏
07-22 581
在当前系统OnUpdate调用前，Dependency是当前系统读取组件有写入的作业句柄和当前系统写入组件有读取的作业句柄，例如：当前系统读取A组件写入B组件， 在这个系统之前的任何系统中存在对A写入或者对B读取的作业，改作业的句柄会加入Dependency，当前系统作业执行前要等待Dependency里的作业全部完成 在OnUpdate内部，Dependency会被隐式管理，顺序依赖，例如： protected override void OnUpdate() { Ent
Unity DOTs CharacterController简介
driftboat的专栏
06-11 523
代码地址 https://github.com/Unity-Technologies/EntityComponentSystemSamples/tree/master/UnityPhysicsSamples/Assets/Demos/6.%20Use%20Cases/CharacterController 输入系统 需要在ProjectSettings.asset中加入UNITY_INPUT_SYSTEM_EXISTS宏定义 scriptingDefineSymbols: 1: ...
卡通渲染眼透
03-21
<think>好的，用户想了解卡通渲染中眼睛透明效果的实现方法。首先，我需要回忆一下相关的知识。根据之前提供的引用，特别是引用[3]提到的透明刘海方案，里面用到了模板测试和多个Pass的渲染方法。这可能也适用于眼睛的透明效果。 用户的问题集中在眼睛部分，可能需要处理半透明的效果，比如瞳孔、虹膜或者高光部分。在卡通渲染中，透明效果通常涉及到材质的分层渲染，可能需要使用模板缓冲来遮挡不需要渲染的部分，避免穿透问题。 引用[3]中提到，通过模板测试标记眼睛和眉毛区域，然后分两次绘制头发。类似的方法可以应用到眼睛上：首先在面部Shader中设置一个Pass来写入模板值，标记出眼睛的区域，然后在眼睛的Shader中使用这个模板值来控制透明区域的渲染。可能还需要处理深度测试，确保透明部分不会遮挡后面的元素。 另外，引用[1]和[2]提到卡通渲染的特点是对真实效果的抽象和风格化处理，所以透明效果可能不需要完全物理正确，而是更强调艺术表现。比如，边缘光或高光部分可以用硬边或渐变纹理来模拟透明层次。 需要注意的技术点包括：模板缓冲的设置、多Pass渲染的顺序、透明材质的混合模式（如Alpha Blend），以及可能的Shader编写步骤。可能还需要考虑性能优化，比如减少Overdraw，合理管理渲染顺序等。 最后，要确保回答结构清晰，分步骤说明实现方法，并引用相关的引用内容来支持技术点。同时生成相关问题，帮助用户深入理解其他相关技术。</think>### 卡通渲染中眼睛透明效果的实现方法 在卡通渲染中实现眼睛透明效果（如瞳孔、虹膜半透明质感或高光透亮感），需结合**模板测试**、**多Pass渲染**和**混合模式**技术。以下是分步实现思路： --- #### 1. **模板测试标记眼部区域** - 在角色面部Shader中增加**模板写入Pass**（类似引用[3]中的`eyeBrowMaskShaderTag`），通过模板值（Stencil Value）标记眼睛区域。 - 示例Shader片段： ```glsl Stencil { Ref 1 Comp Always Pass Replace } ``` 此Pass仅渲染眼睛区域到模板缓冲，不输出颜色。 --- #### 2. **分层渲染眼睛结构** - **基础层**：绘制不透明部分（如巩膜），使用普通Alpha Test剔除透明区域。 - **透明层**：单独Pass处理虹膜、瞳孔的半透明效果，启用Alpha Blend并依赖模板测试： ```glsl Stencil { Ref 1 Comp Equal // 仅在被标记的眼部区域渲染 } Blend SrcAlpha OneMinusSrcAlpha ``` - **高光层**：叠加高光（如天使环效果，引用[1]），使用`Additive`混合模式增强透亮感。 --- #### 3. **深度处理与遮挡关系** - 透明层需关闭深度写入（`ZWrite Off`），避免遮挡后续渲染的其他透明元素。 - 调整渲染顺序：先绘制不透明层，再按从后到前顺序绘制透明层。 --- #### 4. **风格化透明效果增强** - 使用**渐变纹理**模拟虹膜半透明过渡： ```glsl fixed4 frag(v2f i) : SV_Target { fixed4 tex = tex2D(_IrisTex, i.uv); float alpha = tex.a * _Transparency; // 控制整体透明度 return fixed4(tex.rgb, alpha); } ``` - 添加**边缘光**（引用[1]中菲涅尔效应）强化轮廓，通过视角向量与法线点乘计算边缘强度。 --- #### 5. 性能优化 - 合并多Pass中的重复计算（如光照模型）。 - 通过**遮挡剔除**减少Overdraw，尤其在VR场景中（引用[4]）。 ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值