【着色器实现Shine局部或整体扫光效果_Shader效果第三篇】

已于 2024-07-23 09:45:33 修改
阅读量318 收藏
点赞数
分类专栏： Shader实现系列画面效果案例分享 文章标签： 着色器
于 2022-07-17 14:31:37 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xukaibo111/article/details/125818543
版权
本文介绍了如何通过着色器来实现物体表面的局部或整体Shine扫光效果，提供了详细的效果图展示，并列出相关属性栏，同时给出了完整的Shader代码，以实现对纹理部分的Shine效果。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

局部或整体扫光效果

效果图如下

请添加图片描述

属性栏如下

带Shine Mask效果，可以实现Tex的部分Shine。
请添加图片描述

CGPROGRAM和ENDCG

            CGPROGRAM
            ...
            ENDCG
  • 这部分标记了CG程序的开始和结束。
  • CGPROGRAM和ENDCG之间的代码是用CG语言编写的。

#pragma vertex vert 和 #pragma fragment frag


                

                
                
        

    

  


        

            

                

                

                了解本专栏
                
                
                  
                订阅专栏 解锁全文
                 
                
                    
                    超级会员免费看
                
            

            
            
            
        


    


                



	

		

			

				
					
【UI小图标带UIShiny流光效果，永远在3D物体最前面渲染，UI层级显示在最上层】

				
			

			

				

					暴走约伯的博客
				

				

					11-03
					
					547
					
				

			

		

		

			
				
【代码】【UI小图标带UIShiny流光效果，永远在3D物体最前面渲染，UI层级显示在最上层】

			
		

	



                

            
              



	

		

			

				
					
Unity 扫光Shader

				
			

			

				

					super41的博客
				

				

					06-17
					
					3853
					
				

			

		

		

			
				
今天我们来实现一个扫光Shader。

			
		

	



              


  
              

                


	

		

			

				
					
顶点着色器和片段着色器

					
最新发布

				
			

			

				

					2401_82978699的博客
				

				

					03-06
					
					702
					
				

			

		

		

			
				
我们可以通过一个比喻来理解它们的分工：想象你要画一幅由三角形组成的3D模型，顶点着色器负责确定每个三角形的“顶点位置”，而片段着色器负责给每个像素“填色”。：顶点着色器是渲染管线的第一步，它处理模型的每个顶点（比如立方体的8个角点），主要任务是将这些顶点的位置从模型自身的坐标系转换到屏幕坐标系中，同时可以修改顶点的其他属性（如颜色、法线方向、纹理坐标等）。：在顶点着色器之后，光栅化会将三角形转换为屏幕上的像素（称为“片段”），片段着色器则负责计算每个像素的颜色，比如纹理贴图、光照、阴影等效果。

			
		

	





	

		

			

				
					
【步兵 shader】扫光

				
			

			

				

					博客 by EOS.
				

				

					09-19
					
					2548
					
				

			

		

		

			
				
【步兵 shader】扫光 By EOS.扫光这个需求很常见，一是给界面添加些许生气，二则是让界面上的重点突出出来。 
往往 一个静止的界面中 突然有东西动了，就会很容易引起人的注意。实现方式扫光的实现方式有很多中，各有优缺点，可能你觉得shader实现是最高大上的，可能在美术眼里， 
这种表现效果却是最low的，所以还是一切以最终要的效果为基准来定制策略。
帧动画【spine或其他】 
优点：效果

			
		

	



		

			
		



	

		

			

				
					
可视化-three.js 城市 波浪特效 城市 扫光 掠过效果

				
			

			

				

					stonerao
				

				

					10-31
					
					9380
					
				

			

		

		

			
				
![](https://img-blog.csdnimg.cn/20191031161557879.gif
使用Obj 模型 + shader 实线 模型以及代码
加载 obj 格式文件加载到 scene中；
使用 ShaderMaterial 材质
var Shader = {
    vertexShader: ` 
        varying vec3 vp;
        void ...

			
		

	





	

		

			

				
					
Unity UPP ShaderGrapgh做一个扫光效果

				
			

			

				

					qq_55895529的博客
				

				

					06-23
					
					974
					
				

			

		

		

			
				
Unity UPP ShaderGrapgh做一个扫光效果

			
		

	





	

		

			

				
					
Unity Shader Graph 制作扫光效果

				
			

			

				

					当代野生程序猿
				

				

					12-07
					
					6887
					
				

			

		

		

			
				
国际惯例先看效果：



用到的贴图（有些看不清 第二张是在Unity中的预览图）：



创建一个新的PBR Graph，在Blackboard中添加以下属性：

1.Scan Texture（Texture 2D 类型）：用于上面的扫光贴图

2.Scan Speed（Vector1 类型）：用于控制扫光速度

3.Scan Width（Vector1 类型）：用于控制扫光宽度

4.Scan Color（HDR类型 Color）：用于控制扫光颜色

5.Scan Direction（Vector1..

			
		

	





	

		

			

				
					
shine发光效果的创新实现与应用

				
			

			

				

					
				

			

		

		

			
				
6. **使用插件和扩展**：为软件添加第三方插件或扩展可以进一步增强发光效果的创造性和质量，如After Effects中的Trapcode插件集，提供各种光效和辉光效果。  ### 结语  综合以上信息，我们可以看出，“shine发光...

			
		

	





	

		

			

				
					
掌握AE插件Shine_v1.5制作扫光发光效果

				
			

			

				

					
				

			

		

		

			
				
通过使用Shine，用户能够轻松在视频中添加扫光、发光以及其他光线效果，极大地增强视觉冲击力和艺术表现力。Shine插件被广泛应用于影视特效、广告、动态图形设计等多媒体制作领域。  ### 插件特性与功能  Shine插件...

			
		

	





	

		

			

				
					
AE_SHINE扫光插件

				
			

			

				

					12-23
				

			

		

		

			
				
5. **图层融合**：与AE的其他特效和图层相结合，可以实现复杂的复合效果，如将扫光与其他元素（文字、图片、视频等）融合，增强整体视觉效果。  6. **兼容性**：虽然AE_SHINE最初是为AE CS4设计的，但通常可以向下...

			
		

	





	

		

			

				
					
OpenGL Shader实例分析（4）闪光效果

				
			

			

				

					08-26
				

			

		

		

			
				
OpenGL Shader 闪光效果实现分析  在计算机图形学和游戏开发中，Shader plays a crucial role in creating realistic and visually appealing effects. In this article, we will delve into the world of OpenGL ...

			
		

	





	

		

			

				
					
UI流光效果-Shader实现

				
			

			

				

					05-10
				

			

		

		

			
				
UI流光效果-Shader实现

			
		

	





	

		

			

				
					
Fragment Shader(片段着色器)

				
			

			

				

					magic-zhu
				

				

					08-09
					
					4444
					
				

			

		

		

			
				
什么是 Fragment Shader(片段着色器)？
如果你曾经有用计算机绘图的经验，你就知道在这个过程中你需要画一个圆，然后一个长方形，一条线，一些三角形……直到画出你想要的图像。这个过程很像用手写一封信或一本书 —— 都是一系列的指令，需要你一件一件完成。
Shaders 也是一系列的指令，但是这些指令会对屏幕上的每个像素同时下达。也就是说，你的代码必须根据像素在屏幕上的不同位置执行不同的操作。就像活字印刷，你的程序就像一个 function（函数），输入位置信息，输出颜色信息，当它编译完之后会以相当

			
		

	





	

		

			

				
					
OpenGL ES _ 着色器_片断着色器详解

				
			

			

				

					u011525168的博客
				

				

					08-16
					
					395
					
				

			

		

		

			
				
OpenGL ES _ 入门_01
OpenGL ES _ 入门_02
OpenGL ES _ 入门_03
OpenGL ES _ 入门_04
OpenGL ES _ 入门_05
OpenGL ES _ 入门练习_01
OpenGL ES _ 入门练习_02
OpenGL ES _ 入门练习_03
OpenGL ES _ 入门练习_04
OpenGL ES...

			
		

	





	

		

			

				
					
04.Unity ShaderGraph序列（Lightweight Pipeline相关扫盲）

				
			

			

				

					Unity3d 攻城师一枚
				

				

					11-15
					
					1224
					
				

			

		

		

			
				
为什么单开一个LWRP
什么是LWRP
LWRP能做什么效果
LWRP和传统Shader对比
自己编写一个简单LWRP例子


为什么单开一个LWRP
当我们不知道去怎么处理一个事物的时候，我想最好的办法是学会依葫芦画瓢；PBR你会么？不会，光照渲染你会么？不会；那最好的办法是站在巨人的肩膀上，登高望远，但你也得努力爬上去啊；咋们就务实点，什么好用用什么，什么有用用什么；Unity你总能挑出一箩...

			
		

	





	

		

			

				
					
【OpenGL ES】片段着色器

				
			

			

				

					Making Life Better. Making Others Better.
				

				

					12-19
					
					2435
					
				

			

		

		

			
				
1、管线片段着色器在OpenGL ES 3.0的可编程管线的位置如下图所示。 
2、输入输出片段着色器为片段操作提供了通用功能的可编程方法，输入和输出如下图所示。 
输入或者可变值，in，是顶点着色器生成的插值数据，顶点着色器输出跨图元进行插值，并作为输入传递给片段着色器。 
统一变量，uniform，是片段着色器使用的状态，为常量值，在每个片段上不会变化。 
采样器，sampler2D，用于访问着

			
		

	





	

		

			

				
					
Unity Shader 广告牌闪光特效

				
			

			

				

					国家级摸鱼一级选手
				

				

					05-25
					
					2026
					
				

			

		

		

			
				
原文链接：点击打开链接这个可能是有点费，因为不是对一张图片进行uv坐标的位移，然后两张图片合成的方法，而是在shader里面纯计算的方法实现的，可能有点费，性能暂未测试。下面是shader代码：Shader "MyShader/Flash" {
    Properties {
        _MainTex ("MainTexture", 2D) = "white" {}
        _M...

			
		

	





	

		

			

				
					
Learn OpenGL（四）——片段着色器(Fragment Shader)

				
			

			

				

					YBAdiam的博客
				

				

					11-16
					
					7120
					
				

			

		

		

			
				
片段着色器(Fragment Shader)

       片段着色器是第二个也是最终我们打算创建的用于渲染三角形的着色器。 片段着色器的全部， 都是用来计算你的像素的最后颜色输出。 为了让事情比较简单， 我们的片段着色器只输出橘黄色。
 


注：
在计算机图形中颜色被表示为有4个元素的数组： 红色、 绿色、 蓝色和alpha(透明度)元素， 通常缩写为RGBA。

 


 


#vers...

			
		

	





	

		

			

				
					
Unity3D ShaderGraph 场景扫描光效果实现详解

				
			

			

				

					Thomas_YXQ的博客
				

				

					08-01
					
					772
					
				

			

		

		

			
				
ShaderGraph是Unity提供的一个可视化Shader编辑工具，它允许开发者通过拖拽节点来构建Shader，极大地简化了Shader的编写过程。ShaderGraph内置了多种节点，包括颜色操作、纹理采样、数学运算等，几乎可以满足所有常见的Shader需求。

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  





	
打赏作者

	

		

		
			
		
		

		

			
暴走约伯

			
你的鼓励将是我创作的最大动力

		

	

	

			

	

	

    ¥1
    ¥2
    ¥4
    ¥6
    ¥10
    ¥20
	

	

		

			

				

					扫码支付：¥1
				

				

					

					
					获取中
					

				

				

					
					
					扫码支付
				

			

		

		

			
您的余额不足，请更换扫码支付或充值

			
打赏作者

		

	



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值