摄像机是如何看这个世界的 游戏中摄像机所看到的世界与我们现实中所看到的几乎是一样的。首先，光线从光源中发射出来。然后，光线和场景中的一些物体相交（散射，吸收）。最后，摄像机吸收了一些光，产生一张图像。 光线与物体相交的结果有两个：散射（scattering）和吸收（absorption）散射：只改变光线的方向，但不改变光线的密度和颜色，有两种方向：内部与外部，对应折射与反射。
折射（r
转载
2024-07-23 10:50:26
76阅读
继续学习《Unity Shader 入门精要》。渲染的流程前部分是坐标变换，变换顺序是： 模型空间（Model Space）-->世界空间（World Space）-->观察空间（View Space）-->裁剪空间-->屏幕空间，具体的矩阵变换可以方便的使用内置矩阵： UNITY_MATRIX_MVP 当前模型视图投影矩阵
UNITY_MATRIX
转载
2024-07-27 22:34:17
268阅读
文章目录Unity的渲染路径前向渲染内置光照变量内置光照函数延迟渲染Unity的光源类型计算光源的衰减Unity的阴影阴影实现原理Shadow Map屏幕空间的阴影映射总结不透明物体的阴影投射阴影接收阴影帧调试器查看阴影绘制过程 学习资料：《Unity Shader入门精要》第9章源代码：Github Unity的渲染路径设置渲染路径：Edit —— Project Settings —— Pl
转载
2024-03-18 08:57:14
95阅读
ShaderLabShaderLab模块将持续更新，ShaderLab中将会陆续更新较为常见的Unity Shader，比如常见于游戏中的部分特效，常见于三维可视化的特效Shader目前打算每周更新多个，两个？三个？四个？都有可能目前打算每十个为一组，直接根据顺序进行分组利用这个ShaderLab模块来记录自己的Shader学习过程并且也有给学习Shader的同学一些练习的内容。本文不讲解shad
转载
2024-08-14 08:42:04
275阅读
目录前言一. 渲染路径1.1 前向渲染1.1.1 工作原理1.1.2 逐像素光源数目1.1.3 光源处理方式1.1.4 SH 处理1.1.5 前向渲染的 Pass 块1.1.6 对前向渲染的总结1.2 延迟渲染路径1.2.1 工作原理G-Buffer pass1.2.2 光源处理方式1.2.3 延迟渲染的缺点1.2.4 延迟渲染的 Pass 块1.2.5 对延迟渲染总结 二.
求其上,得其中;求其中,得其下;求其下,必败。——《孙子兵法》
笔记当前使用的Unity版本：“2019.3.3”笔记当前Unity最新的版本：“2020.1.0.Alpha 25”1.概述前面我们讲到了几种基础的光照模型，我们着重于光照的计算方式，也就是一旦我们知道了光照的算法是什么，剩下的可能就是去学习Unity是如何把参数给我们的。有了算法和参数，剩下的东西就好解决
canvas简介 是HTML5新增的2D绘图标签，并为用户提供了一系列绘图命令，类似于windows中的GDI接口。我们的软渲染器就是要把图形绘制到canvas上，大家可以通过这个来了解下canvas的基本用法。在本教程中，我们仅使用canvas很少的几个接口，用到的时候我们再介绍。框架搭建我们首先在VS Code中建立如下目录结构：Device.js 用来封装在canvas的一些操作，负责渲染的
边缘光,内发光,外发光,轮廓边缘光,轮廓内边缘光,轮廓外边缘光：：先上一张图片，看下实际效果 1：黑色为模型主color 2：白色为内发光，轮廓内边缘光 3：红色为外发光，轮廓外边缘光Shader "Unlit/边缘光"
{
Properties
{
_MainColor ("MainColor", Color) = (0,0,0,1) //模型主颜色
转载
2024-06-04 19:23:58
949阅读
1评论
文章目录标准光照模型环境光与自发光漫反射高光反射Phong和Blinn-Phong光照模型 标准光照模型自发光： 描述给定一个方向时，模型表面会向这个方向发射多少辐射量高光反射： 描述光线从光源照到物体表面时，会向完全镜面反射方向发射多少辐射量漫反射： 描述光线从光源照到物体表面时，会向每个方向发射多少辐射量环境光(ambient)： 描述所有其他的间接光照环境光与自发光这两种光照不需要经过计算
转载
2024-02-27 11:06:14
910阅读
在产出美术资产中经常需要联动工具流，比如PBR，有成熟的SP等DCC工具，但是诸如卡通渲染等特别的效果，引擎中的渲染效果往往是定制的，但是又需要美术再制作过程中能够实施预览到最终在引擎中的表现效果才能保证高效率地产出，就只能自己搞一下这个流程了，SP的shader知乎上有许多，但是研究过了SP的shader虽然也实现出来了，但是真的是无力吐槽，写法真邪门，然后Max的DXShader
转载
2024-07-08 14:19:32
213阅读
Represents an axis aligned bounding box.表示一个轴对齐的边界框。An axis-aligned bounding box, or AABB for short, is a box aligned&nb
转载
2024-03-14 10:28:15
280阅读
这一节教程是关于渲染3D物体的发光边缘，代码结构如下：一，Glow(边缘发光效果)
这里借用下虚幻四引擎演示下“边缘发光效果”，如下图所示：
如上面图中虚幻四引擎中被选中的立方体的边缘是发光的，我实现的就是这种发光效果这里有篇博客介绍了“Glow”是怎么实现的：[Unity3D][Shader 着色器]给物体边缘加高光轮廓的办法这里大致说下我实现的方法步骤：(1)正常的渲染整个场
转载
2024-10-30 07:52:36
1309阅读
探索Unity Outline Shader：为你的3D世界增添生动边缘 UnityOutlineShaderSource code for Outline Shader tutorial for Unity. Detects edges in a scene using the depth and normals buffers.项目地址:https://gitcode.com/gh_mirro
转载
2024-10-30 22:18:00
378阅读
光物理学中，光是电磁波。 1.光由太远或者其他光源被发射出来 2.与场景中的对象相交 ==>吸收、散射 3.最后光线被一个感应器(眼睛)吸收成像基础光照 光线与物体相交的结果光线方向光线颜色结果吸收由于光被转化成了其他能量不改变改变密度和颜色散射改变不改变折射、反射物体表面重新发射出光线自发光散射方向光照模型定义反射高光反射物体表面是如何反射的折射漫反射有多少光线会被折射、吸收和散射出表面标
转载
2024-04-15 14:24:26
223阅读
Unity支持3种RenderingPath（绘制路径），分别是VertexLit，ForWard和DeferredLighting。path1这是一个被设计只为在Camera的RenderingPath为Deferred(延迟)模式下输出红色的shader。Deferred.shader
Shader "Custom/deferred"{
Properties{
_Main
转载
2024-04-24 12:10:55
96阅读
前置：UnityGI2：Lightmaps一、混合模式前面设置了光源的模式为 Baked，这意味着光源产生的直接光和间接光都会被记录在 lightmap 中，如果着色器不从 lightmap 中采样，那么静态物体得到的表现就是完全的黑暗。除此之外模式为 Baked 的光源，运行时无法调整且没有贡献如果修改光源模式为 Mixed，那么在烘焙的时候就会只烘焙间接光，并且在运行时该光源被当作实时光产于计
转载
2024-09-02 16:30:52
145阅读
间接光间接光的实现与ibl（基于图像的渲染）和SH（球谐光照）这两个名词分不开。基于图像的渲染已经是很大的一个体系了，在这里特指基于环境贴图cubemap对表面进行渲染。球谐光照实际上就是将周围的环境光采样成几个系数，然后渲染的时候用这几个系数来对光照进行还原，这种过程可以看做是对周围环境光的简化。这两者在后面的实验中都会被用到。间接光部分使用的也是和直接光相同的BRDF方程，不同之处
很久没写shader笔记了，最近一直在啃，刚刚有点新进度 这次来编写一个拥有两层UV通道的shader，通常第一层UV通道贴漫反射贴图，而第二层UV通道贴灯光贴图。 这里我制作了两种UV方案进行对比：两种方案的区别： 第一种：UV可以被平移，缩放操作。第二种UV不可以被用户平移缩放操作。方案1 Shader "LiShader/mytest 1 "
{
Properties
{
1 单张纹理Shader "Shader Learning/07 Basic Texture/01 Single Texture"
{
Properties
{
_Color("Color Tint", Color)=(1, 1, 1, 1)
_MainTex("Main Tex", 2D) = "white" {}
_Specular("Specular", Color) = (
要实现一个边框流动的效果，可以使用CSS动画来实现。在HTML中，我们需要创建一个元素（例如div），并将其设置为具有一定宽度和高度的盒子。然后，我们可以使用CSS来定义该元素的边框样式、位置和动画。首先，我们需要在CSS中定义我们的元素。我们可以设置该元素的宽度、高度和边框的样式和宽度。例如，在下面的代码中，我们设置元素的宽度和高度为200px，并将边框样式设置为实线，边框宽度设置为4px，边框
转载
2023-11-02 05:54:16
522阅读
