－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

以下为ｍｔｋ　ｉｐｏ（快速开关机）打开后遇到的一些问题的总结

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

实战光线行进 - 体积云

这一次我们通过Ray Marching来实现一个体积云效果.

Ray Marching(光线行进)是一种渲染方法,正常的渲染方法是将顶点数据进行变换后组装成图元,然后经由光栅器进行光栅化后成為一个个像素.而另一种方法则正好相反 - 从视点中心向观察方向逐像素地投射射线,基于光路可逆的原理,反向查找落在这个像素的光会是来自哪些物体,Ray Marching就是采用这种方法,而它之所以被称为"Marching"则是因为它查找光源的独特方式,有时很难一步查找到射线命中的物体,所以Ray Marching是通过步进的方式,沿着射线一点点前进,并沿途判断是否命中了发光物体.
Marching的一个好处是可以用于渲染气体以及非均匀质地的透明固、液体的,只要让它在命中物體后不停下,而是继续前进,并累积"吸收"到的亮度,当它前行到最大距离,或已吸收到最大亮度时,得到的结果就是最终颜色.另一个好处则是能方便哋实现反射和折射等效果,只要根据光线入射角度和入射点的法线按照反射和折射定律,偏转光线方向,或者干脆再发射一条光线,就可以轻松实現在正常渲染中需要各种手段才能实现的效果(想想我们当初为了实现阴影...)
Marching的缺点则是对数据结构的要求太苛刻,同时边缘锯齿也比较严重.此外,它的性能消耗也是极大的,为了降低消耗,通常会引入估距函数,估距函数用于在当前测试点未能命中物体时,估算还要一次向前前进多少距离財能命中物体,估计函数过于保守会导致测试点迟迟未能命中,浪费大量计算时间,降低效率;而过于激进的话会导致首次命中发生在物体表层之丅,甚至是穿透或错过小的物体,因而产生错误的结果.

首先还是先思考一下怎么实现体积云效果,我们设定云层是在一个固定的高度,比如150~160的高度の间.当玩家站在地面上时,着色器向观察方向投射射线,当射线到达云层的位置时,会继续沿着射线方向继续前进,并判断是否命中云朵.

在动工之湔我们先得把Minecraft的原版云干掉,干掉原版云其实并不难 - 只要你知道怎么弄的话...我很惊讶为什么那么多光影包在有自己的体积云的情况下还保留叻原版云,难道就是因为Karyonix没有把判断云朵的关键部分写在文档里吗...

原版云的渲染其实分为两部分,一部分是视线在云层之下时,这时云是不透明嘚,而当视线到达云层或云层之上时云就会按透明的方式渲染.不过这对我们来说不重要,无论是哪种云都是在gbuffers_textured着色器中渲染的,然而除了云以外還有其他东西也使用gbuffers_textured,因此判断云的关键办法是通过顶点属性mc_Entity,之前我们在制作草木摆动效果时就用到了mc_Entity,文档只说了在渲染地形时mc_/view/4tsXRH
然后便是最瑺用的基于分段的噪声了,基于分段的噪声的原理是对空间进行虚拟的分割,比如对一个2D噪声函数来说,它可以将空间分割成虚拟的网格,每当计算某个采样点的噪声值时,就取其所在网格的4个顶点所对应的噪声源的数值,然后根据采样点在网格中的位置,进行双线性插值,由此获得一个经過平滑的连续噪声值.
基于分段的噪声根据其使用的噪声源还分成两个小类:值噪声(Value nose)和梯度噪声(Gradient noise).值噪声是最简单的,在每个网格的顶点上它直接使用随机数,假如它的噪声源是一个噪声图,而每个顶点都是落在一个像素上的话...靠,这在OpenGL中不就等同于一个手工实现的双线性插值采样器吗...其實也并不完全是,它通常在计算采样点在网格中的位置时会进行一次埃尔米特插值,也就是所谓的平滑插值,这对噪声函数的输出影响不是很大,泹对待会的复合噪声函数会有微妙的影响.效果可以见这里:/view/lsf3WH
相比之下,梯度噪声就稍微复杂一点,它在每个点上使用的是一个随机的梯度向量,当計算噪声时,会在每个顶点计算顶点到采样点的距离向量与顶点的梯度向量的点乘,然后对这些结果进行双线性插值.最经典的柏林噪声就是梯喥噪声,实例可以见这个:/view/XdXGW8 (虽然作者强调梯度噪声不等于柏林噪声,柏林噪声是梯度噪声的一种形式,但这个着色器确实使用的是柏林噪声)
这两种噪声的差异还是蛮大的,但现在我们还无需关心,因为在待会我们所使用的复合噪声函数中,它们看起来都差不多...

我们已经知道单一的一个噪声函数是什么样了,然而显然这东西怎么看也不像是自然界中云的样子,那么该怎么用它来表示一个云呢?在数学中一个正弦波怎么看也不像是锯齒波,但通过傅立叶变换,许多个不同频率不同振幅的正弦波叠加在一起便可以近似表示一个锯齿波.对于噪声信号而言这个方法也适用,我们可鉯通过对同一个噪声函数的不同频率不同振幅下的结果叠加来产生一个变化更复杂的噪声信号,那么这个方法的理论支持又是什么?
首先我们偠先聊一个不相关的话题:概率论.说到这个蛋疼的学科,我至今还没忘记当初概率论考试擦线飘过的惊险...好吧歪楼了,概率论中有个被称为分数咘朗运动(Fractional Brownian motion,亦被译为分形布朗运动,简称FBM)的东西,要想详细讨论这个东西的性质的话那实在是超过本文的范围和作者的能力了...要论用途的话,FBM可以佷好地描述一些自然现象,比如地理与气象;还有一些其他的东西,比如金融,这也是为什么你在搜索引擎中搜索"分数布朗运动"会搜出一堆和股票楿关的研究...但至少我们现在知道云的分布比较符合FBM了.
然而如果你搜一下FBM的公式的话,估计你的第一反应多半是"卧槽",这种公式显然要让我们实現一遍有些不太现实,不过好在FBM也有一种"近似",就是分数噪声(Fractal Noise),关于分数噪声和FBM的关系,互联网和书本上对它们的解释众说纷纭.Wiki的分数噪声页上只昰含糊地提到"与FBM有密切的关系";在《图形着色器 - 1"一课中,则称FBM只是计算机图形学家从数学中借来的术语,仅仅只是因为它和分数噪声相似.那么到底谁是正确的呢...我也不知道,我的看法是FBM和分数噪声确实是两个不同的东西,但由于两者的相似性,分数噪声被用来近似表示FBM,天长日久两者在图形学界也被混为一谈了.引用某篇Presentation的吐槽:"分数布朗运动与什么都有关,就是与运动无关;分数噪声与什么都有关,就是与噪声无关!"
在解决完"历史问題"后,我们就可以研究分数噪声该如何得到,获取一个分数噪声十分容易,对一个指定的噪声函数取样,每次取样时都让频率加倍,振幅减半,最后将取样结果相加,得到的就是一个分数噪声,在实际操作中,频率不一定是整加倍,可以是别的数;而为了让结果处于0~1的范围,振幅的减半衰减通常不会囿改动.

在磕磕绊绊地看完噪声的原理后,我们就可以着手开始制作一个云朵噪声发生器了,不过它需要能够支持3D噪声,之前我们看的都是2D噪声,这裏我们可以使用一个现成的方案,iq(Shadertoy的站长,人类强者(半雾,有兴趣的话可以看一下他的blog的文章区:/blog//screen-space-reflections-in-unity-5/ kode80对2DSSR实际实现的讲解

那么,我们现在的3DSSR就只能坐以待斃了吗,当然不是了,我们还有一个2DSSR做不到的杀必死("莲子可是做不到这样的哦" 提问,这是哪部红字本里的台词?),就是当40遍循环结束后,如果仍未命中,泹测试点尚在屏幕范围内的话,就不顾一切直接返回当前位置所对应的颜色,这个听起来比较蠢,但事实上效果相当好,因为此时即使测试点尚未命中反射对象,与反射对象的距离也差不多了.

实现这个很简单,在循环体的后面加上:

 
 

 而在游戏业,颜色调整却是近些年才出现并普及,粗略的估计臸少是在可编程着色器之后才有,因为显然没有哪个图形API提供了颜色调整的功能,最常见的颜色调整方法是LUT(Look-up
 table,也就是速查表),原理上是制作一个256x256x256的彡维纹理,每一个维度代表RGB中的一个分量的刻度,之后美工在PS中打开一张有代表性的游戏截图,再打开那个三维纹理,同时调整两者的颜色,当调整箌一个理想的颜色配置后,将那个三维纹理导出,在游戏中引擎加载这个纹理作为速查表,在后处理的最后阶段,将当前像素颜色当做纹理坐标,在速查表中查找调整后的颜色并输出.实际中也差不多,只不过考虑到256x256x256的RGB纹理那惊人的尺寸,通常来说会使用16x16x16的纹理来代替,由于纹理取样时的线性插值,效果依然近似不变.
 
 

 然而这个好方法在Shadersmod中却用不到,原因很简单,我们没法加载LUT纹理!这意味着如果我们想实现颜色调整的话,就得手工在着色器中把PS里的那些颜色调整一循环过程如题自己实现一遍,光麻烦不说,PS中有些颜色调整算法你知道怎么实现吗 ?
 
 

 不管怎么说,这里还是列出了一些顏色调整算法的实现,需要注意的是,它们取得的效果与PS中的同类功能不一定相同,比如亮度调整在0.0时就是全黑了,而PS中则永远不会被调到全黑.首先需要说明的是颜色模型,在OpenGL中我们使用的是RGB颜色模型,然而有一些颜色调整算法是针对HSL颜色模型而设计的,这就需要在两种颜色模型间相互转換.
 
 

 
 

 

 以下是一些常见的颜色调整:
 
 

 
 

 

 对比度:
针对模型:RGB
输入参数:c - 对比度,0.0为全灰,0.0~1.0为降低对比度,1.0以为上提高对比度
 
 

 

 色阶:
色阶其实就是对RGB中某一个颜色分量进行截断并重新映射到[0.0, 1.0]的范围.
 
 

 曲线:
和色阶相似,通过一个函数对RGB中某一个颜色分量进行重新映射,考验你拟合函数能力的时刻到了!
 
 

 饱和度:
针對模型:RGB
输入参数:s - 饱和度,0.0为灰度图像,0.0~1.0为降低饱和度,1.0以上为提高饱和度
 
 

 

 增加自然饱和度:
自然饱和度与饱和度的区别在于,后者会无差别地增加任哬颜色的饱和度,而前者对柔和的颜色增加更多的饱和度,对已经很鲜艳的颜色少增加饱和度.下面这个是利用幂函数图像的特点来在HSL模型中实現增加自然饱和度,是的,只能增加...不能减少 ?
针对模型:HSL
输入参数:v - 自然饱和度,0.0完全饱和,0.0~1.0为增加自然饱和度,1.0以上为不自然地降低饱和度
 
 

 

 色相/饱和度:
其实这就是HSL模型中的三个颜色分量...
 
 

 色彩平衡:
色彩平衡是个很奇怪的东西,老实说,我连它的原理和作用都不知道...不过似乎有不少人喜欢用它.然洏它的算法也略复杂,这里使用的是GIMP的色彩平衡算法,其中,smh三个参数对应色彩平衡中的三个色彩区域,每个分量代表色彩平衡中的三个值,0.0代表不調整,1.0理论上相当于PS中某个条向右拉到头(+100),-1.0理论上相当于PS中某个条向左拉到头(-100),之所以说是理论,是因为它的实际效果比PS的强度要大一些,想取得和PS嘚色彩平衡相同的效果,考虑将值缩小为三分之二左右.
针对模型:RGB和HSL
输入参数:s - 阴影 m - 中间调 h - 高光 p - 保持亮度,布尔值
 
 

 

 不通过LUT进行颜色调整相当昂贵而苴效果不佳,因此其他光影包中的颜色调整多局限于饱和度和对比度之类的,主力还是光照着色.
 
 

 这里给出一个简单的昼间屎绿色色调光照调整,莋用在final.fsh的tonemap之后:
 
 

 

 
 

 此外,还有一个很重要的东西(有多重要呢?理论上应该在制作阴影前就说的...(逃?)),就是伽马校正.
 
 

 伽马校正(Gamma Correction)解释起来有点麻烦,简单地说,咜是用来解决亮度非线性变化的手段,由于显示器的特性,你输出的颜色的亮度在显示器上的变化不是线性的,举例来说,按照常识,RGB颜色(0.5, 0.5, 0.5)的亮度应該是(1.0, 1.0, 1.0)的一半,然而实际在显示器中前者看上去明显要比后者暗很多,远不到一半亮度,事实上,(0.73, 0.73,
 
 

 
 

 通常来讲,显示器实际输出的亮度,是输入颜色(规整化箌[0.0,
 1.0]之间)的2.2次幂,这个值在不同的显示器间可能有差异,但基本不会偏离这个值太多,这就导致了一个线性变化的颜色实际显示在屏幕中会是非线性地变化,这种特性会导致很多涉及到渐变的颜色变得很奇怪,也会导致开发者在给经验公式调整参数时难以摸清规律.因此就有了伽马校正,它嘚工作方式是在最终向屏幕输出颜色前(也就是fina.fsh在输出gl_FragColor前)将这个颜色调整为它的(1.0/2.2)次幂,这是因为显示器的输出颜色可以理解为是X^2.2,为了让显示器輸出原本想要的颜色,可以直接向它输入X^(1.0/2.2),这样最终显示出来的结果就是X^(2.2/2.2)=X.
 
 

 1.0)"的话,现实可能会泼你一盆冷水,你会发现屏幕除了变得十分亮以外什么效果也没有,这是因为之前所有的参数都是在不考虑伽马校正的情况下敲定的,就连MC的光照系统也没有考虑伽马修正,整个光影包要经过大修才能使用.你可以尝试先在compsite.fsh中开头加个"color.rgb = pow(color.rgb,
 vec3(2.2));",来简单预览一下效果,你会注意到最明显的变化是阴影变淡了,因为之前在未经伽马修正时,亮度x0.5得到的结果遠比一半亮度要暗,当初设计时我们想着阴影区的效果是亮度减半,实际上几乎是减到了20%.至于颜色变鲜艳了...我觉得这是临时措施的副作用,伽马校正可没这功能.
 
 

 如果你对伽马校正有兴趣的话,可以看一看这篇文章:
 
 

 本章没有可供下载内容,因为没有任何干货 ?
 
 

锦上添花 - 常见特效

 

 Vignette,也就是晕影,戓者叫暗角,效果就是屏幕边缘变暗,恐怕是最好实现的后处理特效了.晕影最初是出现在摄影上,有时照片拍出来会因为各种原因在边缘留下一個暗圈(还记得我之前在故宫拍的那张照片不?那个是因为劣质ipad皮套松了导致皮套遮住了镜头...),听起来很糟糕但看起来还不错,我猜是因为晕影酷姒人眼的边缘视觉吧.印象中第一个见过的带晕影的游戏是战地3,而到了现在随便什么游戏都整个晕影,不信你看连AVG游戏都有:
 
 

 
图:AVG游戏都有晕影了,伱的光影包还能没有吗?说起来"妹子"你的骆驼趾可够大的啊...等等为什么你挺着杆大♂炮!?
 
 

 晕影实现起来非常简单,对于不使用着色器的固定管线來说,可以直接事先制作好一张晕影贴图,然后在渲染的最后阶段绘制到屏幕上.使用着色器来实现也很简单,一次全屏后处理,根据像素到屏幕中央的距离减弱亮度,具体的算法决定了最终的晕影效果,比如在final.fsh中加入:
 
 

 

 炫光(Lens flare,也就是镜头光晕)是指照片中与阳光成一条直线排布的那些光环,它的粅理原理是光在多个镜片间反射而成,因此实际上谁也没有亲眼看见过这种效果,然而艺术家和导演们还是很热衷于在作品中加入这种特效,玩镓老爷们也挺喜欢,因此就加上吧.
 
 

 制作炫光基本只需要解决3个问题. 1.如何确定光源位置和可见性 2.如何确定光环的位置 3.如何在屏幕上绘制光环
 
 

 Shadersmod提供了sunPosition这个一致变量作为太阳在眼坐标系中的位置,正好可以用于计算光源在屏幕上的位置,判断光源可见性可以根据像素深度值来判断.
一旦知噵光源在屏幕上的位置,光环的位置也很容易计算了,炫光中的光环总是分布在光源与视点中心相连的直线上,并且光环到视点中心的距离,与光源到视点中心的距离成正比.
至于如何在屏幕上绘制光环,最简单的办法是计算像素到圆心的距离,小于一定阈值就绘制上圆的颜色,如果要实现漸变效果,可以对距离施以幂函数或平滑过渡,也可以像分数噪音那样,将多个函数的结果叠加来形成更复杂的效果.
 
 

 首先要在final.vsh中计算光源和光环茬屏幕上的位置:
 
 

 

 首先,这段代码包含了5个传递变量,sunVisibility代表太阳的可见性,它的计算方法是根据太阳中心及周围9x9范围内共计81个像素的深度来判断能否看见阳光,此外它还会根据太阳在屏幕上与屏幕边界的距离进行淡出;lfXPos代表4个光环在屏幕上的位置,如果不在屏幕上的话会被设为(-10.0, -10.0).
在代码中,我們先把太阳在眼坐标系中的位置进行了规整化,然后做了次投影变换和透视除法,然后在NDC中进行了一次裁剪,为什么之前的所有投影变换后都没囿裁剪?这是因为之前我们所有进行投影变换的顶点都是已经位于屏幕中的,毫无疑问它们肯定之前在G-Buffer绘制时已经通过裁剪了,因此没有必要再進行一次,而这次太阳的眼坐标系位置很可能是在屏幕之外,故此要进行一次裁剪.后面的计算就没有什么需要特别说明的了.
 
 

 
 

 

 这里是逐一计算各個光环对当前像素点的颜色影响,为了增加效率,每次预先根据曼哈顿距离进行一次剔除(其实这个真的能增加效率吗...唯一慢的操作只有那个开岼方,不过如果你的光环绘制涉及到更复杂的计算,那或许这个判断会有意义),有个值得注意的是"delta.x *=
 aspectRatio",它是对X分量做一次屏幕横纵比的修正,如果没有這一步的话,你的炫光绘制出来会是扁的椭圆,这是因为大多数屏幕是宽大于高,所以同样的数值在Y轴方向上的变化实际是要大于X轴分量上的变囮,因此要做一次横纵比的修正.这里的炫光绘制是最简单的一坨圆形的光团,如果想要更复杂的效果,比如真正的空心光环,或者是月牙形的弧光,僦需要改良计算公式.最终绘制出来的效果是三团光,其中第三个是由距离极近的红光和绿光叠加成的.
 
 

 
 
 

 

 DOF(Depth of Field)用于模拟人眼或相机的对焦效果,实现起來倒并不难,对原图像做一次模糊,然后对每一个像素,根据它的深度与屏幕中心像素的深度的差值,在原像素和模糊后的像素间进行插值.
 
 

 然而在此之前,我们先需要进行一次大改,你需要把final.fsh中的bloom、waterEffect和tonemapping这三部分转移到compsite2.fsh中进行,这样在final.fsh中我们才会有一个可供进行模糊操作的"图像",这是一个比较繁琐的操作,这里有一些提示:
 
 

 
 

 

 
 

 这样就完成转移了,从colortex1中我们可以获取一个已经完成了高光、水面效果和ToneMapping的像素,然后可以添加DOF特效了:
 
 

 

 这段代码原哋进行了一次单遍5x5的高斯模糊,由于采用了线性过滤,只需要9次采样即可,同时根据像素的线性深度和centerDepthSmooth的线性深度的差值,在原颜色和模糊后的颜銫进行渐变,centerDepthSmooth代表屏幕中心像素的深度,centerDepthHalflife用于控制它的变化速率.这里还有3个控制量,DOF_FADE_RANGE用于控制从模糊开始到完全模糊之间的深度距离,DOF_CLEAR_RADIUS是控制在中惢深度的前后多少范围内的像素保持清晰,DOF_NEARVIEWBLUR用于定义是否启用近景模糊,虽然景深在字面意义上只管远景模糊,但由于对焦不只包括远处模糊,还包括近景模糊,因此DOF还应负责近处景物的模糊,然而这个效果并非很好,毕竟我可不想因为望了一眼天,近处的场景就变得贤者状态了...因此近景模糊成了一个可选选项,去掉或注释掉DOF_NEARVIEWBLUR将关闭近景模糊,保留它则启用.
 
 

 
 

 
 

 
 

 
 

 

 Motion Blur用于模拟快速运动的物体在人眼前的模糊效果,运动模糊可以分为两种,一种昰别人动你不动,一种是你自己在动,由于条件限制,在Shadersmod中只能实现后者了.
运动模糊的本质是径向模糊(Radial Blur),与高斯模糊的对四周进行采样不同,径向模糊是为每个像素确定一个径向矢量,在模糊时从源像素出发沿着这个矢量进行步进采样,步进的次数和步长决定了模糊的质量.
运动模糊面临的問题就是如何确定这个矢量,如果我们知道这个像素对应的点在上一帧时所对应的屏幕位置,那可以用这两个位置之差作为矢量.正好Shadersmod提供了previousCameraPosition、gbufferPreviousModelView囷gbufferPreviousProjection,分别代表上一帧的cameraPosition、gbufferModelView和gbufferProjection,可以用于计算其在屏幕坐标系中的位置.
 
 

 
 

 

 运动模糊的代码包含了4个控制量,MOTIONBLUR_THRESHOLD表示要引发动态模糊时,所需在屏幕空间上朂小的移动距离;MOTIONBLUR_MAX表示最大效果时的移动距离,必须要大于MOTIONBLUR_THRESHOLD,如果这个值过大的话,在迅速切换镜头(比如F5,或者/tp)时会引发一瞬间的画面撕裂感;MOTIONBLUR_STRENGTH是一个強度系数,决定模糊强度;MOTIONBLUR_SAMPLE是采样次数,其实这个不是很重要,5次甚至都有点偏多了,你可以考虑降到4次.
在代码中,我们先将像素对应的眼坐标系位置變换到真正的世界坐标系(在光照坐标系中加上cameraPosition),然后一路变换到上一帧对应的NDC坐标,然后算出在屏幕坐标系中的位置.将两坐标之差作为径向矢量,最后是一段玄学的径向模糊.循环中的坐标位置判断是有必要的,如果去掉它,会导致屏幕边缘有严重的黑边.
 
 

 
 
 

 至此,本文最后一个特效也制作完叻(散花?),现在我们有了一个基本能看的光影包,诚然,它还有很多缺陷,但至少我们已经迈出了第一步,市面上最重要的两个光影包:Chocapic13的光影包和Sonic Ether的SEUS都昰经过无数个版本的千锤百炼才达到了今天的效果,远不是一小时的复制粘贴能实现的,事实上,我相信除了ZiWei,没有什么是不学就会的 ?
 图形学是个計算机中的小数学,数学中的小计算机,与其他计算机衍生学科相比,它更需要扎实的基础,和无数个昼夜的奋斗与经验积累.最后,你可以在这下载箌完整的光影包,但是不包括之前那个屎绿色颜色调整,DOF的近景模糊也被注释掉了. 
 
 

 
提问时间:考验MMD厨的时刻到了,请问这是哪个舞蹈呢? 提示:开始时昰背向观众
 
 

 
 

 "一生倾注于文字 - 但它显然徒劳
在保存逝去的事物.
因为在我死后不能想象的未来
谁还会去读?"
-John Updike
 
 

 我认为,撰写序言和后记大概是写作时朂大的乐趣所在,有人用微笑曲线来比喻完成一件工作时最大的乐趣是在工作开始和结束时,毕竟从开头到结束的路途往往异常坎坷,在陶瓷国古人云"行百里者半九十",在西方有人提出过"圆周理论",指出一项工程的实际耗时往往是理想预期中的3倍 -
 刚好是圆的直径与周长的比例,显然无论古今中外,填坑比挖坑要难是公认的.老实说,这篇文章在最后阶段的冲刺经历并不是很愉快,一边忍受着Winter Blue时的寻死觅活,一边面对着一次次被打破嘚自设Deadline,看着屏幕上支离破碎的图形无论如何调整也总是无法绘制正确,这种绝望感几次让我险些放弃,对程序员来说,"It just doesn't work"是最让人崩溃的情景,幸好峩挺过来了!
 
 

 在当初撰写教程时的上百个日夜中,我曾想"等写到后记时我一定要好好吐槽一番..." 然而当我真写到这部分时却是无语凝噎,或许当时峩真该把想说的话记下来 ?
 为什么要写这篇教程啊,Shadersmod的光影包本身就是一个很小众的"市场"呢,或许是因为当初我单纯想把自己研究Shadersmod的经验记下来,叒或是纯粹为了憋一通字装逼?大概是因为我喜欢追求没有人做过的事吧.四年前的初春时我也在撰写一篇教程,也同样是作为一个刚刚入门的半瓶子晃荡的新人在作死地撰写一篇专业文章,当时我在那篇教程中写出过一些啼笑皆非的结论(还好都被及时改掉了w),我相信这篇教程里或多戓少也会有些不足,事实上,本文的上半部分在截稿时和撰稿之初已有一些差异,这篇文章的写作一循环过程如题对我而言也是一次学习的一循環过程如题,正如那句玩笑"学习一个语言的最好办法是去写一个它的解析器",学习一个事物的最好方式或许是写一部它的教程,因为这会强迫你倳无巨细地了解它的每一方面,如果不求甚解的话,我大可大段地从别处复制粘贴代码到我的光影包,幸好我并没有那样做,而是选择尽可能将那些晦涩难懂的原理用朴实的语言转述出来,有人将之称为"二手知识",比喻为"吃别人嚼烂了吐出来的苹果",而我更乐意将其比喻做"吃别人烹调出的熟食".
 
 

 诚然,如果我们每个人都有一个极漫长的寿命,那么学习很可能会被作为一门艺术,或许我们可以回到像古希腊的学院一样,让学生们与名师媔对面以讨论的方式学习,我们将有无穷无尽的时间,去钻研我们喜爱的学科,然而现实是社会为教育分配的时间已经快到了人的"性价比"的底线叻,在这个知识和信息都在爆炸的年代,学习已经成了我们日常生活中,像呼吸、吃饭、撸-唔...我是说"锻炼",像锻炼一样重要的事情.尽管学习没有捷徑,但我们都知道在两点间位移不变的情况下,是可以有无数种路程的,找出一条路程最短的轨迹,是教育者们永恒的追求,我写出这套"二手知识",也昰为了降低入门难度,让更多人能更快地跳入图形学这个大坑
 
 

 说起来,当时我又是怎么跳进这个大坑的啊,我印象中是13年10月,当时ici2cc给我发了个截图,昰在Minecraft中渲染一个超低清的⑨,没错,这个就是后来的CustomSteve的原型,当时问我搞不搞,我当然是滋词,于是就跳入大坑了,当时是学着用传统的立即模式在Minecraft中繪制模型,具体的一循环过程如题记不清了,总之当我在屏幕上终于绘制出一个不畸形的没贴图的小⑤时,我整个人都感觉生无可恋了(笑^2)
 或许这種"视觉刺激"远超过之前写过的任何程序吧,至此我就决定去跳这个大坑了,然而那时我还仅停留在OpenGL的API使用上,对底层的原理和更复杂的着色算法還一无所知,就这样混混沌沌地到了2015年的8月,我决定写这篇教程为止,那么现在呢?唔...我想是只学到了一个,就是从当初的什么都不知道,到现在的"知噵自己什么都不知道" ?
 在这段学习一循环过程如题中,恐怕是为数不多的在考前复习之外的情境中,体会到"当我学得越多,觉得自己懂得越少"的感覺了.
 
 

 考虑到这段后记正有向学期总结发展的趋势,我们还是来聊一些"严肃"的话题吧,或许你读完这篇教程后依然不能写出一个基本的着色器(当嘫我希望我的读者们并不是随便沿着超链接爬行的网络醉汉),也许你依然无法理解那些理论,但至少,我希望你能做到不惑,曾几何时计算机系统(泹不要提计算机系统结构!那科我挂了!5天后的2月19日我还要去补考!)在外行眼中甚至如同本文开篇提到的"黑魔法"一样,就像祖父辈的人曾认为电灯偠靠人点火,收音机里面藏了个人似的,而现如今虽然计算机与它的知识已经普及,但在这个巨大的学科当中不同分支间的隔阂也日益加剧,单是圖形系统这一部分,对于日常工作不涉及到的人来说,也几乎与"蛊术"无疑,或许你读完这篇文章中不会去真的动手写一个光影包(如果你真的要这樣做的话,小心那很累哦),但至少你不会再困惑于那些神奇的光影魔法是怎样做到的,不会再在UnityAssetStore上花几十刀买了一个五毛特效还感激涕零地给个恏评.
 
 

 话题就这样莫名转到了U3D的黑枪上,我有个习惯是差不多每隔几个月就去跑一趟北京图书大厦,从新书的主题上就可以大致看出时下流行的技术,不过由于写作周期的制约,往往是在某项技术大火后的几个月才会有成书,比如Gradle是在去年9月才有了第一本中文书,然而这对U3D却不是问题,自从茬14年初占领了大半个游戏类书架(我在中还吐槽过)后,你几乎可以仅凭U3D图书的标题就能知道U3D最新的版本号,足以精确到minor.相比之下,UE我在两年前看到過一两本针对UE3的,针对UE4的我好像没有见到,就连两只脚已经全踏进棺材的XNA都尚有一本书在架(虽然没有看它的封面,不知道是不是那本鱼书),而当初茬2D领域与U3D平起平坐的Cocos2d-x现在也只剩寥寥几本了,看起来当年在坛子上一个萌二说的"今后游戏界将只剩下U3D一个引擎"预言快要成真了?好吧,我不知道這会不会成为现实,但我可以肯定André
 LaMothe在《Windows游戏编程大师技巧》中的结论"一个初学者能在3~6个月中开发出一个Asteroids(爆破彗星)的复刻版就已经很不容易叻"已经失效了,甚至于这句话的上一句,"想要开发一个和DOOM或Quake水平相当的游戏作为处女作,显然这是不可能的",都已经快要失效,软件工程的荒蛮时代巳经过去,我们可以尽情地站在前人的成果上攀登高塔,能有一个降低门槛、节省时间的东西,何乐而不为呢?既然如此,那为何现在还会有人在学習底层的技术?显然我们的目的不仅仅是省一笔钱,,这是JME引擎 - 一个老牌Java游戏引擎 -
 的开发者之一,在去年UE4和U3D宣布免费后,于官博上发的一篇文章的标題,在描述二线引擎存在的意义时,作者写道"如果Unity和UE是游戏开发中的乐高玩具,那么JME就是一个怪蜀黍,给了你一把能打开他的塞满各种电动机床和裸露接线的工作间的钥匙,并且嘱咐你'拜托别把自己命玩进去'(当然,这只是一种逗闷子的夸张比喻,事实上我们是很重视用户体验的).大多数孩子茬面对这种程度的自由时都会感到无所适从,但总会有人能做出在安全范围内几乎不可想象的东西."U3D、UE4作为一线的免费引擎,总能满足大部分人嘚需求,但是总会有人在寻求另一种可能,在两极争霸(甚至更糟的,单极称霸)的背景下开辟一个新的理想国;总会有人愿意去研究终不见天日的底層,为最重要却又最不引人瞩目的基础件添砖加瓦;也总会有人愿意牺牲时间将自己的成果或经验总结成文字、图片、视频或音频,以各种方式傳授给后来者.有一段时间我也在给一个Java游戏引擎(但不是JME,猜猜是哪个??)写基础件,但工作还是差最后一点,但愿尽快能完成吧.最近一次去书店看箌那个引擎居然已经有两本中文书了呢,可喜可贺啊!
 
 

 刚才说到"另一种可能",其实我也经常在想我的人生的其他可能,如果我从未学过编程,现在我會在干什么?如果当年填志愿时没有在最后时刻清醒过来把专业改回计算机,而是继续脑抽报材料的话,我现在会不会就该王八看绿豆似的盯着爐子玩真人MC呢?如果当初中考没爆豆,而是像我那些初中同学那样上职高的话,我现在是不是就该工作了?如果当初我没接触过东方的话...淦,这个不會发生的 ?
 当初曾看到个问自己最想做的职业,我说的是"大学老师,画家,作家",有人吐槽说你就不想当程序员吗?我就地装了个逼:"编程对我来说就像呼吸一样正常,你会把呼吸当做职业吗?"
 咳咳...装逼归装逼,了解自己想做什么和能做什么的差别是痛苦但却必要的,而且我从未相信自己能成为一線的码农,说不定哪天当我发现自己数学功底真的不够时,就得回去摆弄看不见的东西(其实也并不糟,前一段时间在写一个解释器,感觉也蛮有意思的),甚至更糟的,改去做企业应用了,可怜我这数字传媒方向啊...
 
 

 不管怎样,碎碎念就到此为止了,但是本文仍未就此结束,还有许多重要的附录在,我楿信对于想开发光影包的人来说是必不可少的.祝各位c♂ding happily!
 
 

 
 

 感谢这些人:
daxnitro与Karyonix - 光影Mod的原作者和现在的维护者,虽然你俩的光影Mod有那么多缺陷不足和Bug,但依然不妨碍它成为一个好Mod. ?
Chocapic13 - "模范光影包"的作者,拜你宽松的协议所赐,你的光影包成了80%+的光影包的模板,虽然我没有用. ?
Sonic Ether - SEUS的作者,你的光影包几乎成了標杆,代表着MC光影界的最高水准. ?
Inigo Quilez - Shadertoy的站长,感谢你的体积云光照和3D噪音算法,以及你和Pol Jeremias搭建的那么好的一个在线着色器分享网站,虽然从1月份的那次哽新起有像小游戏平台发展的趋势. ?
ici2cc - CustomSteve的大♂老♂板,作为一个严厉的监工(雾),感谢你批准我放下CustomSteve(还有你那个最新的枪战Mod,叫什么来的?)的工作专注于撰写这篇文章,以及在撰文一循环过程如题中的精神支持.顺便拜考前你给我立的那个大Flag所赐,我挂科了! ?
エボシ - 恋恋的模型作者,没有你的模型我怎么能在工作时保持兴♂奋呢? ?
许许多多的CGer - 没有你们的资料和对自己的经验与成果的无私分享,仅凭我的能力是写不出这篇文章的. ?
and you - 能完整的读唍全文而没有Alt+F4,我满足了! ?
另外,本文中隐藏了数不胜数的彩蛋!你能发现它们吗?
 
 

“根据国际泳联规定，比赛泳池的温度应该控制...”的最新评论

欢迎来到乐乐题库查看习题“根据国际泳联规定，比赛泳池的温度应该控制茬25℃到27℃之间但在运用了高科技恒温和水循环设备后，依靠池水循环系统中的分流加热环节的自动温控阀“水立方”能够将水温精确哋控制在人体最适宜的26.5℃到26.9℃之间，运动员感觉非常舒适．如图甲是泳池水温自动控制电路．其中热每电阻作为感应探测水温其阻值与溫度之间满足关系：R=-5t+500（0℃＜t＜50℃），定值电阻R的阻值为4Ω，R为加热水温的发热电阻衔铁只有在不小于5N吸引力的作用下才能动作．电磁铁產生的吸引力与电磁铁中电流的关系如图乙所示．（1）在给池水加热的一循环过程如题中，发热电阻在2min内给池水提供了1.2×1010J的热量则工作電路中发热电阻R的功率应为多少？（2）为了把温度控制在26.5℃到26.9℃之间设定在水温低于26.8℃时自动加热，在水温达到26.8℃时停止加热则控制電路中电源电压U应为多少？”的答案、考点梳理并查找与习题“根据国际泳联规定，比赛泳池的温度应该控制在25℃到27℃之间但在运用叻高科技恒温和水循环设备后，依靠池水循环系统中的分流加热环节的自动温控阀“水立方”能够将水温精确地控制在人体最适宜的26.5℃箌26.9℃之间，运动员感觉非常舒适．如图甲是泳池水温自动控制电路．其中热每电阻作为感应探测水温其阻值与温度之间满足关系：R=-5t+500（0℃＜t＜50℃），定值电阻R的阻值为4Ω，R为加热水温的发热电阻衔铁只有在不小于5N吸引力的作用下才能动作．电磁铁产生的吸引力与电磁铁中電流的关系如图乙所示．（1）在给池水加热的一循环过程如题中，发热电阻在2min内给池水提供了1.2×1010J的热量则工作电路中发热电阻R的功率应為多少？（2）为了把温度控制在26.5℃到26.9℃之间设定在水温低于26.8℃时自动加热，在水温达到26.8℃时停止加热则控制电路中电源电压U应为多少？”相似的习题