Shader 学习工具篇 可视化公式工具ZGrapher
大家好,我是怒风,本篇介绍公式可视化公式工具ZGrapher,尝试通过可视化的方式分析一下Shader中应用的公式,以求帮助初学者快速理解Shader编程中的一些常用公式
本篇的目的两个,
第一,介绍可视化公式工具ZGrapher,
第二,探讨下在学习中的交流和分享的重要性.
物体边缘外发光的特效,是Shader学习入门的一个很好的例子,下面我们通过来ZGrapher来帮我们很好理解这个特效的原理,
half rim = 1.0 - saturate(dot (normalize(IN.viewDir), o.Normal));
o.Emission= _RimColor.rgb * pow (rim, _RimWidth);
简化成公式就是 pow(1-max(0,dot(viewDir,normal)),_RimPower)*RimScale
这个公式,最基础的原理就是向量的点积,我们知道两个归一化向量的点积等于夹角的余玄值。而余弦值在0到90°范围内,又与角度的大小成反比,下面我们来看一下如何分析这个公式
A、忘记了Cos函数是什么的同学可以复习一下,其中0-90度 角度越大值越小,成反比


视线所看到的物体边缘是“视线与顶点法向量的夹角越大越趋于边缘”,由于我们的余弦值向量之间夹角反比,其实很难理解。

(该图来自https://blog.csdn.net/puppet_master/article/details/53548134 puppet_master)
为了使我们更容易理解,我们希望得到 值与夹角成正比关系,为此我们通过1-cos来实现。我们在公式里看看是不是成了正比

为了使我们的边缘过渡更加明显,我们对rim系数做指数变换使得曲线值更加陡峭


最后,我们在乘以一个倍数。使我们的边缘更加明显,这样我们就完成了边缘外发光的效果的分析

通过这个例子我们通过公式编辑器来可视化 分析 Shader中的数学公式,帮助我们理解其中正真的原理是什么
至此我们通过 工具帮我们分析了这个外发光的公式,但是我们真正掌握和理解了吗?
爱因斯坦说过一句话 “如果你不能用最简单的语言来描述,那你就是没有真正领悟”
话虽这么说但是从理解到不理解,探索本质是一个不断求索的过程,没有人能够一步到位找到捷径,除非说你是天才。比如说关于向量点积的应用,把我们刚才所说的重点归一化向量夹角的余玄值,把这种数学语言落实到我们的程序开发中,变成一种通俗易懂的语言,又是什么呢?其实就是比较两个单位向量的相似度,也就是两个向量的夹角越小,价值越大,通过这一句“两个向量的相似度”,替代了以前我们需要两个数学概念的语义。这样我们就很容易理解,物体外发光效果,原理是因为视线与顶点法向量的相似度越小,越小视线所看到的物体的越是边缘,同样的道理是视线与顶点法向量的相似度越大,说明该顶点,越处于我们眼睛的正前方,也就是正对着我们的顶点。那么如果我们想要做物体的积雪效果,那么积雪的顶点的法向量一定是与下雪方向的向量的相似度越高。
那么为什么我们刚开始学习这个点积的时候,没有找到关于归一化向量的相似度的概念呢?原因在于我们的交流和分享还不够,比如遇到了一个问题,如果大家能够积极的讨论分享,评论留言,也许问题会有更好答案和解决的方法,仅此而已。
Shader 学习工具篇 可视化公式工具ZGrapher的更多相关文章
- iOS开发工具篇-AppStore统计工具
苹果官方的iTunes Connect提供的销售数据统计功能比较弱,例如只能保存最近30天的详细销售数据,界面丑陋, 无法查看App的排名历史变化情况等. 早有一些公司提供了专门的解决方案或工具.这些 ...
- Caffe学习系列——工具篇:神经网络模型结构可视化
Caffe学习系列——工具篇:神经网络模型结构可视化 在Caffe中,目前有两种可视化prototxt格式网络结构的方法: 使用Netscope在线可视化 使用Caffe提供的draw_net.py ...
- spring boot 学习(九)小工具篇:?秒防刷新
注解 + 拦截器:?秒防刷新 小工具篇:工具许多都是我以前在 github 之类开源平台找到的小工具类,作者的信息什么的许多都忘了.先说声不好意思了.若有相关信息,麻烦提醒一下~ 解释 所谓的?秒防刷 ...
- docker学习(三) 安装docker的web可视化管理工具
1.docker是一个一款很轻便的应用容器引擎,为了更好的管理和使用docker,使用web可视化管理工具似乎更符合大多数人的需求.在这里,我给大家分享下自己使用过的几款web工具:docker UI ...
- Docker可视化管理工具对比(DockerUI、Shipyard、Rancher、Portainer)
1.前言 谈及docker,避免不了需要熟练的记住好多命令及其用法,对于熟悉shell.技术开发人员而言,还是可以接受的,熟练之后,命令行毕竟是很方便的,便于操作及脚本化.但对于命令行过敏.非技术人员 ...
- MongoDB 可视化管理工具
MongoDB 可视化管理工具 (2011年10月-至今) 正文 该项目从2011年10月开始开发,知道现在已经有整整5年了.MongoDB也从一开始的大红大紫到现在趋于平淡.MongoCola这 ...
- JVM(12)之 可视化分析工具
开发十年,就只剩下这套架构体系了! >>> 经过前几篇博文对堆内存以及垃圾收集机制的学习,相信小伙伴们已经建立了一套比较完整的理论体系!本篇博客就根据已有的理论知识,通过可视化工 ...
- 3款强大的BootStrap的可视化制作工具推荐
http://www.25xt.com/html5css3/7342.html 25学堂看到最近很多朋友在学习Bootstrap前端主题框架.顾让25学堂的小编给大家找来了3款适合Bootstrap初 ...
- JAVA 可视化分析工具 第12节
JAVA 可视化分析工具 第12节 经过前几章对堆内存以及垃圾收集机制的学习,相信小伙伴们已经建立了一套比较完整的理论体系!那么这章我们就根据已有的理论知识,通过可视化工具来实践一番. 我们今天要讲 ...
随机推荐
- vue 里面的watch 选项详解
早就想好好写写这个watch了,一直顾不上,因为想深刻的记录一下,其实这些东西只要是好好看看官网的说明,都在里面呢. 虽然计算属性在大多数情况下更合适,但有时也需要一个自定义的侦听器.这就是为什么 V ...
- 用css 修改 谷歌浏览器自带的 滚动条样式
::-webkit-scrollbar { width: 0.5rem;}/* Track */ ::-webkit-scrollbar-track { -webkit-box-shadow: ins ...
- [转帖]什么是TRIM与GC?他们是怎样让SSD保持高速的
什么是TRIM与GC?他们是怎样让SSD保持高速的 2017-7-6 15:43 | 作者:Strike | 关键字:SSD,TRIM,GC,超能课堂 分享到 SSD的写入方式决 ...
- elasticsearch6 学习之并发控制
环境:elasticsearch6.1.2 kibana6.1.2 并发问题无处不在 一.基于_version 的并发控制 在提交数据前先检查提交数据的version与es中存储的ve ...
- 第218天:Angular---模块和控制器
1.使用NG实现双边数据绑定 所有需要ng管理的代码必须被包裹在一个有ng-app指令的元素中ng-app是ng的入口,表示当前元素的所有指令都会被angular管理(对每一个指令进行分析和操作) & ...
- Zookeeper的基础
认识Zookeeper zookeeper是什么 分布式数据的一致性解决方案. Zookeeper 能做什么 数据发布和订阅(配置中心,config,disconf,diamond,appollo) ...
- P2261 [CQOI2007]余数求和
我是题面 题意还是很清晰,很容易理解 1e9范围明显不能暴力,除非你能把常数优化到\(\frac1 {10}\),但我实在想象不到用了这么多取模怎么把常数优化下去 我们可以把\(k\%i\)变成\(k ...
- BZOJ4553: [Tjoi2016&Heoi2016]序列 树套树优化DP
把pos[i]上出现的平常值定义为nor[i]最大值定义为max[i]最小值定义为min[i],那么我们发现在两个值,i(前),j(后),当且仅当max[i]<=nor[j],nor[i]< ...
- Timing wheel心跳机制
在web服务中,断开空闲连接是一种减少资源浪费的一种手段,由此就有了心跳机制来判断一个连接是否空闲. 一种简单粗暴的方式: 1. 服务端每个连接保存一个最后一次操作的时间戳,每次这个连接对应fd可读时 ...
- 51nod 1681 公共祖先 | 树状数组
51nod 1681 公共祖先 有一个庞大的家族,共n人.已知这n个人的祖辈关系正好形成树形结构(即父亲向儿子连边). 在另一个未知的平行宇宙,这n人的祖辈关系仍然是树形结构,但他们相互之间的关系却完 ...