ShaderForge-霓虹漩涡

2024-05-11 20:11:26

ShaderForge-霓虹漩涡

本系列开始进行ShaderForge实战案例分析，案例的参考来源自朧老师的ShaderForge教程。
附带教程链接地址:http://www.aboutcg.org/?s=shaderForge&post_type=course。
文末我会提供相关使用的素材。

效果预览

思路分析

首先我们肯定需要一张颜色渐变的图片，颜色的变化是从外到中心点扩散，是径向效果，我们需要引入一个极坐标变化的概念。我们可以在PS中将一个图片设置为极坐标效果。我们需要将UV信息转变由一个UV变化转变为一个极坐标变化。
关于极坐标的概念，请查看连接。

开始制作

创建默认的自定义光照模式Shader，并且删除默认的节点。
首先添加一个Texture2D节点，改名为MainTex，并且选择好图片素材。

更改预览区域的默认模型，并且旋转预览区域的物体（刚开始可能是背面，看不到东西），连接节点进行预览。
注意节点不连接东西也是有默认的信息的。我们分析一下效果的变化，由外到内是一个径向的渐变效果，一圈一圈的颜色显示是一个角度变化的效果，这正好符合极坐标的概念，我们来构造这两个方向的变化。

首先来看U方向的变化，如何构造一个径向渐变，为了构造一个径向的变化效果，我们可以想到使用距离节点后者长度节点，我们将原始的UV信息改造成一个4个小正方形的结构，中间是0，0，四周的顶点是1和-1的结构。

可以观察节点的预览效果，Length已经变成了一个由内到外的径向0-1变化效果。

接着来看V方向的变化，V方向我们需要一个随角度变化的效果，我们需要用到反正切函数，关于效果具体原理不做过多推导，有兴趣的可以自行查找资料。

我们使用分量遮罩节点，分理处UV信息(RG)，作为反正切节点的输入，反正切节点限制输出范围为0-1，现在可以看到变化的效果。

接下来我们使用Append节点，将两个分别变化的信息，叠加成一个二维数据，连接节点查看效果。

可以看到现在已经出现了彩虹圈的效果，注意圈出的节点设置部分。
现在我们添加一个时间节点来控制它的径向变化，并添加变量进行速度的控制。

完整的节点效果图。有些节点的命名可能没有说明，请大家自行根据意义进行定义。

相关素材

链接: https://pan.baidu.com/s/1gftmjOf 密码: t26z

ShaderForge-霓虹漩涡相关推荐

ShaderForge 之霓虹旋涡
【shaderforge学习笔记】 Rotator节点
ShaderForge Rotator节点一.节点介绍旋转器输出的是输入的uv以[piv]为锚点旋转后[ang] (单位为弧度)的uv信息.如果ang没有连线,或者ang连线到time节点上,那 ...
使用Python，Opencv绘制调色板及圆形来模拟霓虹的渐变效果
使用Python,Opencv绘制调色板及圆形来模拟霓虹的渐变效果 1. 效果图 2. 源码参考这篇博客将使用python,opencv绘制调色板及圆形来模拟霓虹的渐变效果. 1. 效果图可以构 ...
dnf超时空漩涡副本路线流程图_DNF超时空漩涡真的不难，掌握这些技巧和打法，自己开团当团长！...
爱玩游戏,分享快乐,我是欢乐Tree. DNF经历了95级版本全职业改之后,阿拉德勇士们的输出能力得到了一次史诗级的加强,所以现在的超时空漩涡也不是那么遥不可及.但是现在超时空漩涡有很多"潜 ...
dnf超时空漩涡副本路线流程图_DNF：超时空漩涡开荒全攻略一览，你顺利通关了么？...
在新版本出来之后,应该很多玩家都在对新版本进行各种的开荒吧,特别是超时空漩涡的开荒,但是目前的话因为对于机制的不了解,因此也是出现大量的问题,就让小编带大家看看吧. 1:应该很多人发现到了罗什之后大 ...
java动效_Android 界面漩涡扭曲动效实现
背景:之前偶然看到优酷有类似的页面切换动画效果.于是自己也打算来实现下这样的效果. 动效说明:点击界面中的任意位置,界面以点击位置作为中心点,开始以漩涡状态,扭曲,收缩.直到消失. 直接上我实现的效果 ...
asynchttpclient 超时_dnf这才是混子的毕业套装，却发现超时空漩涡不买账！
dnf这才是混子的毕业套装,却发现超时空漩涡不买账!按道理来说,光兵和帕拉丁穿这套装备去混团是最好的,结果现在超时空漩涡不要! 虽然说兵法套是95最好的魂之涛,但是这个混子套属性真心弱爆,不如正常哈林 ...
android滤镜效果,Android图像处理之霓虹滤镜效果
霓虹是用来描绘图像的轮廓,勾画出颜色变化的边缘,加强其过度效果,使图像产生轮廓发光的效果. 主要步骤为 1.根据当前像素与其右方和下方像素的梯度运算: 2.然后将结果值作为当前像素值,即将原图当前下像 ...
dnf超时空漩涡副本路线流程图_DNF超时空漩涡机制
随着越来越多的超界装备.反物质粒子的免费赠送,很多就算从来没有打过超时空漩涡的玩家,也能给自己凑齐三件或者更多的超界装备,为了快速凑齐剩余的几件超界装备,也有一些小伙伴会选择去与其他玩家组队通关超时空 ...
适合甜蜜节日应用的霓虹海报模板！
各种甜蜜的日子,无论是情人节,七夕节,表白日,都可以适用的霓虹海报模板! 燃爆节日气氛必备!PSD分层格式,可以挑选性的选择图层!应用到直接的作品中! 更多海报模板到优图网 www.uppsd.com ...

最新文章

热门文章