Shader 入门笔记(一)

本笔记,是根据自己学习shader的笔记,主要是参照冯乐乐的<Shader 入门精要> 和游戏蛮牛shaderLad视频和网上一些博客. 为啥要学习这个呐? 自己其实之前学过一段时间的shader,但是中间终止了.当时学的还挺多吧,算是有点基础. 但是有一点自己明白.shader学好,还关联3D数学,图形学的知识.刚好,自己这方面不足.再加上自己前些日子面试网易等知名大公司,被打击的体无完肤,自己的确很多的不足,底子的确很不扎实. Shader,即着色器,与着色器相关联的是渲染流水线. 渲…

Shader 入门笔记(一) 如何学习shader

本笔记,是根据自己学习shader的笔记,主要是参照冯乐乐的<Shader 入门精要> 和游戏蛮牛shaderLad视频和网上一些博客. 为啥要学习这个呐? 自己其实之前学过一段时间的shader,但是中间终止了.当时学的还挺多吧,算是有点基础. 但是有一点自己明白.shader学好,还关联3D数学,图形学的知识.刚好,自己这方面不足.再加上自己前些日子面试网易等知名大公司,被打击的体无完肤,自己的确很多的不足,底子的确很不扎实. Shader难的原因? 牵扯到整个渲染流程,面向GPU编程…

Shader 入门笔记(三) ShaderLab 初识

Unity中,Unity Shader 都是ShaderLab 来编写的.ShaderLab 是Unity提供的编写Unity Shader 的一种说明性语言. 1)Properties :定义了着色器所需要的各种属性.这些属性讲会出现在Inspector. 2) SubShader:每一个Unity Shader文件可以包含多个SubShader语义块,但最少要有一个. SubShader{ //可选的 [Tags] //[RenderSetUp] Pass{ } //Other Passes…

Shader 入门笔记(二) CPU和GPU之间的通信,渲染流水线

渲染流水线 1)应用阶段(CPU处理) 首先,准备好场景数据(摄像机位置,视锥体,模型和光源等) 接着,做粗粒度剔除工作. 最后,设置好每个模型的渲染状态(使用的材质,纹理,shader等) 这一阶段最重要的是渲染所需要的几何信息,即渲染土元,渲染图元可以是点,线,三角面等. a.把数据加载到显存中 b.设置渲染状态,通俗说这些状态定义了场景中的网格是怎样被渲染的. c.调用DrawCall,一个命令,CPU通知GPU.(这个命令仅仅会指向一个需要被渲染的图元列表,并不会包含材质信息,因为在上一…

Shader 入门笔记(二) CPU和GPU之间的通信

渲染流水线的起点是CPU,即应用阶段. 1)把数据加载到显存中 2)设置渲染状态,通俗说这些状态定义了场景中的网格是怎样被渲染的. 3)调用DrawCall,一个命令,CPU通知GPU.(这个命令仅仅会指向一个需要被渲染的图元列表,并不会包含材质信息,因为在上一阶段已经完成) CPU流水线 GPU从CPU那里得到渲染命令后,就会进行一系列流水线操作,最终把图元渲染到屏幕上. 几何阶段: 顶点着色器/曲面细分着色器/几何着色器裁剪(Clipping):将不在视野范围内的顶点裁减掉,这阶段可配置的…

Unity Shader入门精要读书笔记（一）序章

本系列的博文是笔者读<Unity Shader入门精要>的读书笔记,这本书的章节框架是: 第一章:着手准备. 第二章:GPU流水线. 第三章:Shader基本语法. 第四章:Shader数学基础. 第五章:利用简单的顶点/片元着色器来实现辅助技巧. 第六章:基本光照模型. 第七章:法线纹理.遮罩纹理等基础纹理. 第八章:透明度测试和透明度混合. 第九章:复杂光照实现. 第十章:高级纹理(立方体纹理等). 第十一章:纹理动画.顶点动画. 第十二章:屏幕特效. 第十三章:深度纹理. 第十四章:非真…

Unity Shader入门精要学习笔记 - 第17章 Unity的表面着色器探秘

转自冯乐乐的<Unity Shader 入门精要> 2010年的Unity 3 中,Surface Shader 出现了. 表面着色器的一个例子. 我们先做如下准备工作. 1)新建一个场景,去掉天空盒子 2)新建一个材质,新建一个Shader,赋给材质. 3)场景中创建一个胶囊体,上步材质赋给它然后我们修改Shader代码: Shader "Unity Shaders Book/Chapter 17/Bumped Diffuse" { Properties { _Col…

Unity Shader入门精要学习笔记 - 第16章 Unity中的渲染优化技术

转自冯乐乐的 <Unity Shader 入门精要> 移动平台的特点为了尽可能一处那些隐藏的表面,减少overdraw(即一个像素被绘制多次),PowerVR芯片(通常用于ios设备和某些Android设备)使用了基于瓦片的延迟渲染(TBDR)架构,把所有的渲染图像装入一个个瓦片中,再由硬件找到可见的片元,而只有这些可见片元才会执行片元着色器.另一些基于瓦片的GPU架构,如Adreno(高通的芯片)和Mali(ARM的芯片)则会适应early-Z 或相似的技术进行一个低精度的深度检测,来剔除…

Unity Shader入门精要学习笔记 - 第15章使用噪声

转载自冯乐乐的 <Unity Shader 入门精要> 消融效果消融效果常见于游戏中的角色死亡.地图烧毁等效果.这这些效果中,消融往往从不同的区域开始,并向看似随机的方向扩张,最后整个物体都将消失不见.我们将学习如何在Unity中实现这种效果.效果如下图所示. 要实现上图中的效果,原理非常简单,概括来说就是噪声纹理+透明度测试.我们使用对噪声纹理采样的结果和某个控制消融程度的阈值比较,如果小于阈值,就使用clip函数把它对应的像素裁剪掉,这些部分就对应了图中被“烧毁”的区域.而镂空区域边缘…

Unity Shader入门精要学习笔记 - 第14章非真实感渲染

转载自冯乐乐的 <Unity Shader 入门精要> 尽管游戏渲染一般都是以照相写实主义作为主要目标,但也有许多游戏使用了非真实感渲染(NPR)的方法来渲染游戏画面.非真实感渲染的一个主要目标是,使用一些渲染方法使得画面达到和某些特殊的绘画风格相似的效果,例如卡通.水彩风格等. 卡通风格的渲染卡通风格是游戏中常见的一种渲染风格.使用这种风格的游戏画面通常有一些共有的特点,例如物体都被黑色的线条描边,以及分明的明暗变化等.如下图所示. 要实现卡通渲染有很多方法,其中之一就是使用基于色调的着…

Unity Shader入门精要学习笔记 - 第11章让画面动起来

转自冯乐乐的 <Unity Shader入门精要> Unity Shader 中的内置变量动画效果往往都是把时间添加到一些变量的计算中,以便在时间变化时画面也可以随之变化.Unity Shader 提供了一系列关于时间的内置变量来允许我们方便地在Shader中访问允许时间,实现各种动画效果.下表给出了这些内置的时间变量. 纹理动画纹理动画在游戏中的应用非常广泛.尤其在各种资源都比较局限的移动平台上,我们往往会使用纹理动画来代替复杂的例子系统等模拟各种动画效果. 最常用的纹理动画之一就是序…

Unity Shader入门精要学习笔记 - 第10章高级纹理

转载自冯乐乐的 <Unity Shader入门精要> 立方体纹理在图形学中,立方体纹理是环境映射的一种实现方法.环境映射可以模拟物体周围的环境,而使用了环境映射的物体可以看起来像镀了层金属一样反射出周围的环境. 和之前见到的纹理不同,立方体纹理一共包含了6张图像,这些图像对应了一个立方体的6个面,立方体纹理的名称也由此而来.立方体的每个面表示沿着世界空间下的轴向观察所得的图像.和之前使用二维纹理坐标不同,对立方体纹理采样我们需要提供一个三维的纹理坐标,这个三维纹理坐标表示了我们在世界空间下…

Unity Shader入门精要学习笔记 - 第9章更复杂的光照

转载自冯乐乐的<Unity Shader入门精要> Unity 的渲染路径在Unity里,渲染路径决定了光照是如何应该到Unity Shader 中的.因此,如果要和光源打交道,我们需要为每个Pass指定它使用的渲染路径,只有这样才能让Unity知道,“哦,原来这个程序想要这种渲染路径,那么好的,我把光源和处理后的光照信息都放在这些数据里,你可以访问啦!”也就是说,我们只有为Shader 正确地选择和设置了需要的渲染路径,该Shader的光照计算才能被正确执行. Unity支持多种类型的渲…

Unity Shader入门精要学习笔记 - 第8章透明效果

转载自冯乐乐的 <Unity Shader入门精要> 透明是游戏中经常要使用的一种效果.在实时渲染中要实现透明效果,通常会在渲染模型时控制它的透明通道.当开启透明混合后,当一个物体被渲染到屏幕上时,每个片元出了颜色值和深度值之外,它还有另一个属性——透明度.当透明度为1时,表示该像素是完全不透明的,而当其为0时,则表示该像素完全不会显示. 在Unity中,我们通常使用两种方法来实现透明效果:第一种是使用透明度测试,这种方法其实无法得到真正的半透明效果:另一种是透明度混合. 在之前的学习中,我…

Unity Shader入门精要学习笔记 - 第7章基础纹理

转自冯乐乐的 <Unity Shader 入门精要> 纹理最初的目的就是使用一张图片来控制模型的外观.使用纹理映射技术,我们可以把一张图“黏”在模型表面,逐纹素地控制模型的颜色. 在美术人员建模的时候,通常会在建模软件中利用纹理展开技术把纹理映射坐标存储在每个顶点上.纹理映射坐标定义了该顶点在纹理中对应的2D坐标.通常,这些坐标使用一个二维坐标(u,v)来表示,其中u是横向坐标,而v是纵向坐标.因此,纹理映射坐标也被称为UV坐标. 尽管纹理的大小可以是多种多样的,例如可以是256×256或者…

Unity Shader入门精要学习笔记 - 第6章开始 Unity 中的基础光照

转自冯乐乐的<Unity Shader入门精要> 通常来讲,我们要模拟真实的光照环境来生成一张图像,需要考虑3种物理现象. 首先,光线从光源中被发射出来. 然后,光线和场景中的一些物体相交:一些光线被物体吸收了,而另一些光线被散射到其他方向. 最后,摄像机吸收了一些光,产生了一张图像. 在光学中,我们使用辐照度来量化光.对于平行光来说,它的辐照度可通过计算在垂直于l的单位面积上单位时间内穿过的能量来得到.在计算光照模型时,我们需要知道一个物体表面的辐照度,而物体表面往往是和l不垂直的,我们可以…

Unity Shader入门精要学习笔记 - 第4章学习 Shader 所需的数学基础

摘录自冯乐乐的<Unity Shader入门精要> 笛卡尔坐标系 1)二维笛卡尔坐标系在游戏制作中,我们使用的数学绝大部分都是计算位置.距离.角度等变量.而这些计算大部分都是在笛卡尔坐标系下进行的. 一个二维的笛卡尔坐标系包含了两个部分的信息: 一个特殊的位置,即原点,它是整个坐标系的中心. 两条过原点的互相垂直的矢量,即X轴和Y轴.这些坐标轴也被称为是该坐标的矢量. OpenGL 和 DirectX 使用了不同的二维笛卡尔坐标系.如下图所示: 2)三维笛卡尔坐标系在三维笛卡尔坐标系中,…

OpenGLES入门笔记四

原文参考地址:http://www.cnblogs.com/zilongshanren/archive/2011/08/08/2131019.html 一.编译Vertex Shaders和Fragment Shaders 目前为止,xcode仅仅会把这个两个文件(simple.vertsh和simple.fragsh)copy到application bundle中.我们还需要在运行编译和运行这些Shaders. 你会很诧异,为什么要在app运行时编译代码? 这样做的好处是:我们的Shader…

OpenGLES入门笔记三

在入门笔记一中比较详细的介绍了顶点着色器和片面着色器. 在入门笔记二中讲解了简单的创建OpenGL场景流程的实现,但是如果在场景中渲染任何一种几何图形,还是需要入门笔记一中的知识:Vertex Shaders和Fragment Shaders. Vertex Shaders,在你的场景中,每个顶点都需要调用的程序,成为“顶点着色器”.假如你在渲染一个简单地场景:一个长方形,每个角只有一个顶点.于是Vertex Shaders会被调用四次.她负责执行:灯光.集合变化等等的计算.得出最终的顶点位置后…

Shader学习笔记

Shader学习笔记例子: Shader "SrfShader1"{ //定义显示在Inspector中的变量,并从Inspector中获取值 Properties{ _Color("Color",Color)=(1,1,1,1) //用来融合漫反射或2d纹理的颜色 _MainTex("MainTex (RGB)",2D)="white"{} //主2d纹理图片色 _Gloss("Gloss",Range…

Unity Shader学习笔记-1

本篇文章是对Unity Shader入门精要的学习笔记,插图大部分来自冯乐乐女神的github 如果有什么说的不正确的请批评指正目录渲染流水线流程图 Shader作用屏幕映射三角形遍历两大渲染测试混合 CPU.GPU.图形接口和驱动的关系 CPU和GPU之间的通信 CPU和GPU并行工作的秘密:命令缓冲区显示流畅的方法着色器语言 ShaderLab Shader选用顶点片元着色器 Unlit Shader 结构一个简单的Shader 库文件调试注意点 3D数学空间渲…

每天成长一点---WEB前端学习入门笔记

WEB前端学习入门笔记从今天开始,本人就要学习WEB前端了. 经过老师的建议,说到他每天都会记录下来新的知识点,每天都是在围绕着这些问题来度过,很有必要每天抽出半个小时来写一个知识总结,及时对一天工作的一个小结,也是对自己知识的一个梳理,之前特别喜欢记在本子上,不过长期的不用,就会发现记在本子上很容易就忘,所以后面开始写博客.首先,它并不单单是对自己的一些技术心得的总结亦或是一些技术讨论,更重要的是对自己不断学习提高的一种要求和检验,一种技术沉淀.其次,通过技术博客我们可以彼此分享一些技术经验…

ES6入门笔记

ES6入门笔记 02 Let&Const.md 增加了块级作用域. 常量避免了变量提升 03 变量的解构赋值.md var [a, b, c] = [1, 2, 3]; var [[a,d], b, c] = [[1,4], 2, 3]; var [...a] = [1,2] var [c = 3] = [5] //默认值 var { foo, bar } = { foo: "aaa", bar: "bbb" }; 作用. 复杂的 json & a…

[Java入门笔记] 面向对象编程基础（二）：方法详解

什么是方法? 简介在上一篇的blog中,我们知道了方法是类中的一个组成部分,是类或对象的行为特征的抽象. 无论是从语法和功能上来看,方法都有点类似与函数.但是,方法与传统的函数还是有着不同之处: 在结构化编程语言里,函数是基本的程序组成单元,一个程序由一个个函数组成: 在面向对象编程语言里,类才是程序的基本单元,方法是属于类或对象的,不能独立存在: Java语言里方法的特征主要在以下几个方面: 方法不能够独立的存在,方法只能够定义在类里面,所属与某个类或对象: 方法不能够被独立地执行,必须使用…

Unity Shader入门

Unity Shader入门 http://www.cnblogs.com/lixiang-share/p/5025662.html http://www.manew.com/blog-30559-16861.html 逆天工具: Shader Forge 编写shader的可视化编辑器,使编写shader难度大大减少,也方便开发者理解shader,大大增加开发的效率,适合初学者(一般大神都鄙视这个工具,大神都是用手写) Shader Forge插件百度网盘地址:http://pan.baidu…