- 博客(18)
- 收藏
- 关注
RSS订阅原创 百人计划 图形 2.8 flowmap的实现——流动效果实现
什么是FlowMap？FlowMapFlowMap是Valve在2010年GDC中介绍的一种在求生之路中用来实现水面流动效果的技术。易于实现，运算量较小。使用了一张被称为flowmap的贴图，来达到控制场景中水面流向的效果。FlowMap的实质是一张记录了向量场信息的纹理。假设有一个2D平面。平面上每个点都对应一个向量，这个向量指向这个点接下来要运动的方向，通过颜色的色值（RG）来记录这些向量的信息，得到了一张flowmap，在shader中干扰uv（偏移uv），对纹理进行采样，这样就得
2021-09-14 10:12:01
555
原创 百人计划 图形 2.5 BUMP图改进
基础感念凹凸贴图技术是对物体表面贴图进行变化然后再进行光照计算的一种技术。例如给法线分量添加噪音，或者在一个保存扰动值的纹理图中进行查找，这是一种提升物体真实感的有效办法，但却不需要额外的提升物体的几何复杂度。这种方式在提升物体表面细节或者表面不规则形方面有显著效果。凹凸映射分类Bump Mapping 的种类主要有：法线映射、视察映射、浮雕映射。最常用的是发现映射，一般的增加法线贴图后会对局部的物体表面进行法线扰动，进而改变明暗关系，从而达到增加表面细节的效果。Normal .
2021-09-09 13:07:42
172
原创 百人计划 2.7 LDR与HDR
基础概念1、动态范围：Dynamic Range，指最高与最低亮度值间的比值。实际中，场景的最亮和最暗范围非常大，超出显示器能显示的范围256阶灰阶（单通道精度8位，灰度为2^8）。2、HDRhigh Dynamic Range， 高动态范围：远高于8位，unity 入门精要里面是32位；单通道可超过1；常用储存格式hdr/tif/exr/raw;见于真是世界和HDRI。3、LDRlow Dynamic Range ，低动态范围。8位，单通道0-1；常用储存格式jpg/png;拾色器，一
2021-09-07 16:26:38
442
原创 【百人计划先行版】大世界雾效实现
雾效分类与整体实现原理分析 雾效分类：按表现/实现 方式高度雾/顶点雾（该雾效需要对场景中所有物体的Shader 追加雾效Shader）深度雾/后期雾（通过后处理进行计算）雾效实现原理分析（物理原理与实现方式）物理原理：在水汽充足、微风及大气稳定的情况下，相对湿度达到100%时空气中的水汽便会凝结成细微的水滴悬浮于空中，使地面水平的能见度下降。这种天气现象称为雾。实现方式：雾效的核心是使用一个新的颜色（雾色）替换（一部分 ）物体本身计算的颜色...
2021-08-31 11:25:14
614
原创 百人计划 美术 1.1.3 角色设计精要
角色设计流程左侧为通用设计流程，右侧为角色设计流程一、确定角色关键词 了解角色找到那些让角色独一无二的关键词——世界观、背景、能力、职业、性格、爱好都可以称为jue's...
2021-08-26 21:31:27
217
原创 百人计划 美术 1.1 美术理论基础
一、光影 什么是光影？物体在不同受光面的明暗变化、以及物体的影子。 黑白灰：美术中，黑白灰指亮面、灰面、暗面，属于素描三大面；主要体现物体的受光过程。 明暗五调子：高光（受光面最高的点）；亮面（受光面的高光与深灰面中间的层次）；灰面（亮面与明暗交界线中间的层次）；明暗交界线（亮、暗面的转折处，一般明暗交界线为最终的地方）；暗面（包含物体的背光面、反光、投影）。 游戏中的光影：“飘了”常说的画面飘了，可能就是指画面的光影有问题，表达...
2021-08-26 14:26:29
251
原创 百人计划 图形2.4 传统经验光照模型详解
光照模型 也称为明暗模型，用于计算物体某点处的光强（颜色值）。就算法基础而言，光照模型分为两类：基于物理的渲染（PBR，偏重于物理的度量和统计方法，效果真实，计算复杂实现较为困难）、基于经验模型（对光照的一种模拟，通过实践总结出来的方法，简化了真实光照计算，并且能够达到不错效果）。为什么要光照模型 现实世界光照是及其复杂的受到诸多因素的影响，有限的计算能力无法达到完全模拟。使用光照模型可以在提高计算速度，效果不错的前提下模拟光照。光照模型的发展历程...
2021-08-26 08:43:39
235
原创 百人计划 图形2.3 常用函数介绍
HLSL（微软定义的高阶着色器语言：High Level Shader Language） 基本数学运算函数 作用 max（a,b） 返回较大的那个 min(a,b) 返回小的那个 mul(a,b) 两数相乘，常用于矩阵运算 abs(a) 返回输入值的绝对值 round(x) 返回与x最近的整数 sqrt(x) 返回x的平方根 rsqrt(x) 返回x的平方根的倒数 degrees(x) ...
2021-08-19 16:42:00
226
原创 百人计划 图形2.2 模型与材质基础
渲染流水线大致过程 1、顶点数据输入到顶点着色器中进行相关的顶点计算，然后进行图元装配，通过点与点之间的关系将点进行连接。2、再到几何着色器（可选着色器）进行图元的增加，再到光栅化通过遍历像素点将一个图元覆盖的像素进行绘制。3、再通过片元着色器对片元进行着色或者添加效果，最后通过测试与混合输入到屏幕上。（其中顶点着色器、几何着色器、片元着色器都称为可编程着色器，都为可编程）UV形象地说，UV是物体表面的皮肤，将皮肤划开平铺到二维坐标系中就得到了UV。平铺出二维...
2021-08-18 15:57:11
259
原创 百人计划 图形2.1 色彩空间
色彩发送器 色彩认知：光源是出生点，光源发出光线，光线通过直射反射折射等路径最终进入人眼。在接收到光线后，人眼产生了一系列化学反应。由此把产生的信号传入大脑，大脑对颜色产生了认知感知。光的要素： 光源：光源就是产生光的物体。黑暗中无法看到色彩，光的本质是一种物理现象，光在没有进入我们眼睛前，我们对他的认知是一种波长与能量分布。 波长：光理论上是无限大的，但肉眼只能看到一部分。 能量分布：...
2021-08-15 20:39:59
114
原创 百人计划 图形1.4 PC手机图形API介绍
前言 电脑工作原理：电脑是有各种不同的硬件组成，由驱动软件驱使硬件进行工作。所有的如软件工程师都会直接或间接使用到驱动。 定义：是一个针对GPU的图形库，用于渲染2D、3D矢量图形的跨语言、跨平台的应用程序编程接口（API）。基础概念 应用端：即我们自己的程序端，相对用OpenGL ES，我们属于应用端。 图元：要渲染的几何物体、形状。 纹理：可以理解为一张图片，在OpenGL中纹理是图片的另一种叫法。 ...
2021-08-15 15:34:29
149
原创 百人计划 图形1.3 纹理的秘密
一、纹理 纹理是什么？ 宏观上是一张图片；微观上是一种可供着色器读写的结构化储存形式（一个容器）。 为什么会有纹理？ 减少工作量建模、储存空间、提高读取速度。纹理的诞生是为了可以使用图像函数或者其他的数据源来修正这个模型的表现，从而模拟物体表面。 纹理如何起作用？ 纹理管线：...
2021-08-13 17:15:34
182
原创 百人计划 图形1.2.3 MVP矩阵运算
1、为什么要学变换矩阵 1、将3d物体转换到2d平面 2、为各个空间的运算做准备2、什么是MVP矩阵 MVP矩阵在整个过程中将模型的顶点坐标从local space经过一系列矩阵变换（local space->world space->view space->clip space->screen space）映射到Screen Space。 1、model transformation(模型空间->...
2021-08-12 10:52:16
245
原创 百人计划 图形1.2.2 矩阵运算
1、 什么是矩阵（矩阵本质：进行坐标空间变换）2、矩阵操作矩阵数乘的几何意义：空间的缩放矩阵乘法注意事项：1、两矩阵相乘得到一个矩阵，还是变换（将两者特性复合） 2、矩阵与列向量乘法的到一个向量（或者顶点坐标）3、矩阵相乘顺序，可以从左向右以此计算，也可以先把左边的矩阵一起计算再与最后一个进行计算。矩阵乘法几何意义：两个线性变换的复合，比如A矩阵表示旋转变换，B矩阵表示伸长变换，AB就...
2021-08-10 16:43:28
96
原创 百人计划 图形1.2.1 向量基础
向量的计算 1、什么是向量 向量的定义： 向量与标量：向量与点：零向量： 2、计算向量 向量模长： 标准向量：距离公式：向量点...
2021-08-10 15:38:15
138
原创 百人计划 图形1.1 渲染流水线
整体流程每个阶段环环相扣，前一个阶段的输出作为后一个阶段的输入。应用阶段该阶段准备的是场景，对象的基本数据。例如场景里面的物体他们的位置朝向，大小以及物体对应的模型里边每一个顶点的位置、法线、切换等，再比如场景光源的位置朝向和一些基本的属性，还有摄像机的位置朝向等。几何阶段 顶点着色器：计算顶点光照（需要知道光源位置喝朝向以及摄像机的位置和朝向，以及当前顶点的世界位置） 曲面细分着色器：通过现有顶点生成更多顶点（需...
2021-08-10 14:49:51
106
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人