卡通渲染总结《二》

关于技术的方面,一方面就是其轮廓边缘检测:

主要的方法可以被分为基于图片空间和对象空间,对象空间比图片空间会多一些立体坐标位置的信息。

轮廓类型分类

首先我们顶一下轮廓是什么,从一个视角看去如果一条边相邻的两个面其恰好对应于正面和反面,则认为这条边为轮廓,如下图所示:

折痕则根据相邻两个多边形的二面角可以被分为山脊边缘和山谷边缘,对于山脊边缘,角度值小于阈值,对于谷边缘,角度值大于指定阈值。

材质边则是建模过程中艺术家能确定的不同材质之间的边界

还有一种轮廓类型为非固体对象边,就比如一张纸它的四周就是边缘。下面这幅图就全面的体现和分类了对应的边

图像空间方法

所以现在的方法使用深度值和法线图来判断边缘,

  • 深度缓冲的利用中:通常认为同一个物体的深度值变化是小的,而不同物体间深度变化会变大,相当于通过0阶导的形式来判断,但是无法检测出一阶导变化大的边例如上图的C,其就相当于函数|x|
  • 法线图:法线图能弥补深度无法检测一阶导变化的轮廓线,但发现生成的方式有多种。比如使用渲染管线中的顶点着色器传输法线到片段着色器插值。

最终通过两者相加来组成结果 如下图 上面是深度,下面是法线,右边是最终结果。

但图像空间毕竟无法使用3D的信息,在物体的远近变化处,可能出现边缘宽度不一致的情况。

对象空间方法

对象空间可以获得更多的3D信息,但在计算上也会相应的更复杂,所以面对实时渲染时需要进一步的提高效率。

其中对于光滑的表面可以计算视角方向和法线方向的点乘判断折痕边,


n i ∗ ( x i − C ) = 0 n_i * (x_i - C) = 0 ni∗(xi−C)=0

其中 C C C表示视角方向 n i n_i ni 表示表面发现方向 x i x_i xi表示视角点。

相关推荐
成都渲染101云渲染66661 天前
CR15新功能介绍以及CR15云渲染流程
ue5·图形渲染·blender·maya·corona
charlie1145141911 天前
通用GUI编程技术——图形渲染实战(五十)——命中测试与鼠标事件路由:精确交互
c++·windows·架构·交互·图形渲染
做cv的小昊2 天前
计算机图形学:【Games101】学习笔记08——光线追踪(辐射度量学、渲染方程与全局光照、蒙特卡洛积分与路径追踪)
图像处理·笔记·学习·计算机视觉·游戏引擎·图形渲染·概率论
RReality2 天前
【Unity UGUI】血条 / 进度条(HP Bar)
ui·unity·游戏引擎·图形渲染
郝学胜-神的一滴2 天前
中级OpenGL教程 009:用环境光告别模型死黑
前端·c++·unity·godot·图形渲染·opengl·unreal
charlie1145141913 天前
通用GUI编程技术——图形渲染实战(四十八)——Owner-Draw控件:让标准控件焕然一新
图形渲染
故渊at3 天前
第三板块:Android 图形渲染与窗口体系 | 第十四篇:View 绘制体系与 RenderThread 异步渲染
android·图形渲染·ui线程·renderthread·view体系
故渊at3 天前
第三板块:Android 图形渲染与窗口体系 | 第十三篇:SurfaceFlinger 与 VSYNC 信号机制
android·图形渲染·surfaceflinger·帧率·窗口体系
charlie1145141913 天前
通用GUI编程技术——图形渲染实战(四十九)——完全自绘控件架构:状态机与动画
c++·windows·架构·图形渲染
玖釉-4 天前
Vulkan 离屏渲染详解:从 Framebuffer 到后处理、阴影贴图与 Render Texture
c++·windows·计算机视觉·图形渲染