原创作品

条状闪电研究笔记

萝貝 发表于   2025-05-31 00:08:19
2659
17
46

前段时间看到了一些条状的闪电感觉效果很好。

image.pngimage.png

image.pngimage.png

看起来效果可真不错!

          好是好,问题是怎么才能用到自己的作品里呢,看起来像是用了什么黑科技一样,能生长,能环绕,还能动来动去哎,最重要的是这还是3D的!那就不是序列图了,得朝着模型方向努力。


方法一:顶点偏移

既然范围定在了顶点偏移,那么就用这个方法试试好了,通过观察我发现这种闪电的大体形状都是一个拱形↓

image.png

只是在这基础上进行形变,那么只要沿着这个思路去建模型就好,模型建好了还有一个细节需要注意,闪电是从受击点向外生长出去的,那么模型中心点应该偏向其中的一次,然后把中心点一侧当做能量的中心点。↓

image.png

接下来只要导入unity看效果就好了

image.png

看案例贴图并没有什么很讲究的东西,所以只是给了纯色,接下来再加入顶点偏移上去试试

Flash001.gifFlash00.gif

看起来效果不太对啊,看起来好呆啊,每个都差不多的大小,随机也并没有拉开什么差距,只是这样的话和我想要的效果也差太多了。目前的效果看起来是缺少了一些大的弯随机部分,都是一些小的和类似的而已。


方法二:尝试先复刻弯曲度大一些的闪电


那么换张贴图试试呢

Flash00.gif

这张贴图好像好一些了,但是好像太标准了,缺少了一些闪电的变化和不确定性,看来只靠换贴图是不太能得出正确答案了。


方法三:如过能把这两个效果相加的话



通过观察发现基本上这种闪电都是由一个大的弯和一些小的弯构成。

image.png


那么只要让这两个顶点偏移的效果叠加起来,不就成了嘛。


image.pngimage.png


理论有了,开始实践

Flash005.gif


看起来好像是这个效果,虽然看到了好的效果,但是对一个不是专业做shader 的特效师来说,还原起来还是太费劲了一点,只是暂时做到这个样子,晚点做个案例试试,到时候再来优化一下,这次只是记录一个思路。


欧斯,来看一下shader的部分,很简单的一个效果↓

image.png

          看起来也没啥子特殊的,只是把顶点偏移的效果复制了一份,然后相加到了原来的顶点偏移上面,然后用custom2去控制顶点偏移的强度,这样大致的效果就完成了。

          也可以用不同的模型做一些不同的效果,比如也可以做一些环绕身体的效果。

Flash006.gif

GIF的效果太差了,没有把闪电动起来的感觉整出来,还是得自己试试才行啊。得空做个小练习好了~










确定
评论(17)
冰镇西瓜皮
我这几天正要做雷电
回复
14天前
鱼鱼鱼
牛的~!!!
回复
56天前
CLxuetexiao
先赞后看 良好习惯
回复
62天前
zklm
大佬牛B
回复
67天前
G工仔
跪了,吹爆
回复
67天前
小_熊
感谢大佬!!!大佬牛皮!!!!给大佬递茶!!!!
回复
68天前
Cuomo
牛牛牛牛~
回复
69天前
Albert
感谢大佬!!!大佬牛皮!!!!给大佬递茶!!!!
回复
70天前
李转转的大哥
萝貝,我才是个大罗被!
回复
76天前
爱的战士
收藏
回复
76天前
星星6
感谢大佬分享
回复
76天前
sunnyYan
萝佬我天天盼你更新呢,看你的笔记贼有意思~
回复
76天前
FushiohRichie
之前一直以为是模型序列
回复
77天前
八云辉夜
可以优化下,不需要第二套顶点偏移,只需要用lerp控制两套贴图直接的切换就可以了,然后再用custom2控制切换时机
回复
77天前
萝貝
回复
八云辉夜
有理,我试试
回复
77天前
G工仔
回复
萝貝
期待期待~~~
回复
67天前
时间不是解药
大佬做的真好
回复
78天前
美蛙鱼头
萝卜佬,我爱你
回复
78天前
大沼的田所浩二
萝贝佬别卷了别卷了,端午放假了
回复
79天前
没有更多啦~