Shader与ShaderToy
ssssssilver
XR开发者
展开
-
【Shader与ShaderToy 】画一个五角星
写在前面 看了几篇关于用shadertoy画线与画点的文章之后,突然想自己做一个五角星的效果来练练手。但是想归想,动起手来还是充满了“坎坷”。折腾了一个周末只是思路清晰,但代码却一塌糊涂,最后还是老老实实上网查阅各种公式资料,中途竟发现自己连求圆上点的公式都忘了,不禁感慨自己的数学真的已经还给老师了。唯一觉得欣慰的是最后东西是弄出来了,在shadertoy上实现的效果是这样的,地...原创 2018-07-24 10:50:05 · 1543 阅读 · 1 评论 -
Shader与ShaderToy开篇
写在前面 Unity从学习到工作至今已经有三个年头了,开发中每次遇到难点第一件事就是百度搜索,从来没有自己的想法,甚是惭愧。想着不能再这样浑浑噩噩下去了,也决定开个博客,记录一下开发中自己觉得有用的东西,希望日后某一天回顾起来不会觉得日子白过,如果还能帮助到有需要有同学那就再好不过了。关于Shader 说起来跟Shader也很有渊源,因为以前自学过C#,第一...原创 2018-07-24 10:49:46 · 5852 阅读 · 1 评论 -
【Shader与ShaderToy】画一个圆
写在前面 今天准备试着在Unity和在ShaderToy的网站上分别搞一个圆,看一下两者具体有什么区别。 关于Unity与shadertoy运行前的一些准备工作会略过,直接上代码与显示的效果。Unity部分 用Unity来+VS来编写shader是本人比较喜欢的,直观快捷,而且还能直接在面板上改变参数设置效果,比网页不知道高了多少去了!下面...原创 2018-07-24 10:49:57 · 2510 阅读 · 0 评论 -
【Shader与ShaderToy】环形进度条
写在前面 这两天在shadertoy上看一个环形的进度条效果(原地址),觉得挺不错的,想学习一下其中的原理。原版的效果是这样的正文 我在没接触shadertoy前,如果要用shader实现上面的效果至少都要用两张图片:一张完整的环形图与一张用来遮罩的半透明图。利用半透明图alpha通道的渐变来遮罩显示环形图,实现起来的效果是这样的虽然利用遮罩来...原创 2018-07-30 14:40:23 · 1663 阅读 · 0 评论 -
【ShaderLab】Phong与Blinn-Phong两个光照模型的理解
写在前面看来坚持真是一件相当困难的事件,从去年就一直鸽到了现在,最近终于是有时间做下总结了。今天来记录下个人对Phong与Blinn-Phong两个光照模型的理解吧。正文 (顺手抄来一个图)Phong与Blinn-Phong两个光照模型都是用来实现光照射在物体上,物体表现产生一个高光部分的效果的,两个模型也十分相似,毕竟后者是对前者进行了一个计算上的优化。虽然说两个光...原创 2019-05-15 11:58:34 · 4716 阅读 · 0 评论 -
【ShaderLab】利用shader实现中心遮罩缩放效果
写在前面 前几天一个以前的同事突然说想叫我帮忙搞个着色器,想要做一个UI的过场效果。大概就像类似动画片里面结束的时候的黑场效果,需要用一个透明UI图在一个全黑的背景中间做放大缩小的操作。当透明UI最大时,显示场景的其他UI,当透明UI最小时,整个场景黑场,效果如下。 其实这就是同事想要的效果了,实现的原理很简单,没花什么功夫就写出来了。后来想想写都写了,看看能...原创 2019-06-13 14:51:24 · 1414 阅读 · 0 评论