做电商必备的八个软件,梅州网站优化,绝对域名做网站,百度推广怎么样接上回 卡通渲染总结《二》的描边技术#xff0c;接下就是其绘画#xff08;The Painter#xff09;的技术。
Painter 的目的是从 3D 模型中生成平面图像。使用这种方法#xff0c;可以通过改变阴影和高光参数以及着色计算的权重因子来产生各种样式。
阴影部分
单光源
…接上回 卡通渲染总结《二》的描边技术接下就是其绘画The Painter的技术。
Painter 的目的是从 3D 模型中生成平面图像。使用这种方法可以通过改变阴影和高光参数以及着色计算的权重因子来产生各种样式。
阴影部分
单光源
首先就是人物身上的阴影部分通常通过硬阴影也就是存在一条固体边缘从光照区域过渡到阴影区域。
下面的式子就是计算光照的基本式子 C i C_i Ci就是顶点的颜色 a g a_g ag是全局环境光照系数, a l , d l a_l,d_l al,dl分别是物体材质的环境光和漫反射系数 L ‾ \overline{L} L是光源到着色点的方向 n ‾ \overline{n} n是着色点的法线 而 L ‾ ∗ n ‾ \overline{L} * \overline{n} L∗n表示两向量点乘可以表示该点接收光的比例。在传统光照中其为常量但是在卡通渲染中可以根据角度采用不同的色块。 上图就表示了按照两者角度的cos值超过0.5和小于0.5划分成两种不同的颜色。并且文中提到如果边缘出现了带有锯齿状的效果可以使用图像API提供的纹理过滤进行处理使得边缘更平滑例如linear Filtering。
下图就是以这种方法的产生的阴影效果示例。 为了进一步的效率这类逐顶点的计算可以采用GPU进行加速计算。
预计算部分
计算光照diffuse颜色 计算阴影diffuse颜色 将两种颜色结果分别存入一维的材质中的两端
实时计算部分
计算每个点的 M a x ( L ‾ ∗ n ‾ , 0 ) Max(\overline{L} * \overline{n},0) Max(L∗n,0)取消光照对纹理进行采样着色
多光源
我们之前采用的都是单光源接下去要讨论下多光源的问题。 在传统shadow map的计算方法中先从光源生成一个深度图再从视角方向检查着色点的深度和深度贴图对比如果视角方向的着色点深度大于深度图深度就说明没收到光照。
但这个方法的z-buffer的分辨率是固定的当相机观察物体较大而光源观察物体较小时候阴影会存在锯齿。
有方法提出可以平均周围像素但其会导致阴影和光照的表面中间不再有黑色边界。因此我们可以利用之前计算的 L ‾ ∗ n ‾ \overline{L} * \overline{n} L∗n判断每个点属于正面或者反面进行着色但采用这个方法需要每个光源*每个顶点计算效率不够高所以可以将两种结合下。 对物体上的cels 着色采样本方法对多光源产生的投射阴影采样之前的shadowmap方法。
高光参数
此外绘画中的镜面高光通常是不是为了真实性而是为了材质效果Winnemoller继承了先前的方法并额外实现了添加高光的效果。 其中 R ⋅ V R \cdot V R⋅V就是视角方向和反射方向的夹角用于计算高光产生的程度。 α \alpha α表示高光的衰减程度。 上图可以看到添加高光之后图片变得更加的丰满创意。
我们可以对之前的一维阴影材质进行扩充到二维来计算不同的高光效果。 但是高光的计算是需要实时的因为他于视角的方向有关会带来一定的计算负担如何去降低负担是一个重要的问题。 我们从计算复杂度去考虑一开始每个顶点计算一次光照每个三角形计算两次一次是轮廓一次是内部着色。 然后我们可以在三角形遍历的时候标记前后面并减少着色的顶点百分比到b (b1) 其实我们可以认为b接近0.5因为大部分的面都是一正一反 此外我们也可以在遍历顶点的过程中标记正反面原理就是要计算顶点的法线朝向一个顶点的法线朝向定义为其相邻三角形法线的平均的单位向量。当然由于一个面有三个顶点我们可以自己定义1-3个顶点朝前就是正面。 由于少算了一半的面复杂度就是这样了。
最后还有一种操作就是把视角给固定下来当然视角在固定下来时候肯定是有问题的但是如果你离得够远就没太大问题因为你的视角角度的范围较小。而离得近之后就会产生洞洞。下面就是逐渐走进后的视角。 起原因就是上图所示原本应该是正面的面被认为是反面剔除掉了没渲染出来。红色箭头表示从固定的视角到当前视角的变换。 N s N_s Ns为S点的法线 N v N_v Nv为固定视角的法线。很明显固定视角中其cos值小于0而当前视角确大于0 了。
当然这种固定视角也有其解决的方案但总感觉不是很实用。
引用文献
WINNEMOLLER, H. 2002. Geometric approximations towards free specular comic shading. Computer Graphics Forum 21, 309316(8).
