OpenGL Shader如何实现光照发光体特效
发表于:2024-10-25 作者:千家信息网编辑
千家信息网最后更新 2024年10月25日,这篇文章主要介绍了OpenGL Shader如何实现光照发光体特效,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。内发光原理内发光原理简
千家信息网最后更新 2024年10月25日OpenGL Shader如何实现光照发光体特效
这篇文章主要介绍了OpenGL Shader如何实现光照发光体特效,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。
内发光原理
内发光原理简单概况是:采样周边像素alpha取平均值叠加效果。概括来说似乎好像特别简单,但需要一定的理解和消化。发光物体可以当做是一个圆形对象,去采集圆形对象周边像素值。例如已知圆形半径是R
,角度是Angle
,然后根据半径和角度推导算出当前像素坐标位置,用当前像素坐标位置得到透明度再去做计算。
但其实在阴影遮罩效果中似乎已经介绍过了同样能够通过。不同点在于阴影遮盖是利用圆形绘制向外部晕染而内发光效果是作用于内部。
发光体实现
首先采用绘制圆的方法实现RGB
叠加。可以看到中心位置绘制圆的位置颜色较深,向外扩散颜色逐渐暗淡。效果虽然不对但已经知道下一步该怎么实现了。
void main() { vec2 uv = gl_FragCoord.xy / iResolution.xy; uv -= 0.5; uv.x *= iResolution.x/iResolution.y; vec3 color = vec3(0.); float glow = length(uv); color += glow; gl_FragColor = vec4(color,1.);}
通过取反操作,可用一个数除以length(uv)
再相乘一个小数来稍微减小值的大小。从最终结果可以看到所期望的效果。对比之前效果展示相除相当于对原结果取反,原先内部是数值最小,相除之后内部数值变成最大。
void main() { vec2 uv = gl_FragCoord.xy / iResolution.xy; uv -= 0.5; uv.x *= iResolution.x/iResolution.y; vec3 color = vec3(0.); float glow = 0.05 * 3./length(uv); color += glow; gl_FragColor = vec4(color,1.);}
但过渡效果泛白范围似乎过大了一些继续对原算法进行优化。增加pow
方法将数值变得更小一些。
float getGlow(float dist, float radius, float intensity){ return pow(radius/dist, intensity);}void main() { vec2 uv = gl_FragCoord.xy / iResolution.xy; uv -= 0.5; uv.x *= iResolution.x/iResolution.y; vec3 color = vec3(0.); float glow = 0.05 * getGlow(length(uv), 1., 2.); color += glow; gl_FragColor = vec4(color,1.);}
扩展效果
小太阳
改变发光位置和发光颜色模拟实现太阳光照的效果。
float getGlow(float dist, float radius, float intensity){ return radius/dist;}void main() { vec2 uv = gl_FragCoord.xy / iResolution.xy; vec3 color = vec3(0.); vec2 uv2 = uv; uv2 -=1.0; float glow = 0.09 * 3./length(uv2); color += (5.0 * vec3(0.02 * glow) + vec3(0.9686, 0.6941, 0.0) * glow); gl_FragColor = vec4(color,1.);}
光源移动效果
float getGlow(float dist, float radius, float intensity){ return radius/dist;}void main() { vec2 uv = gl_FragCoord.xy / iResolution.xy; vec3 color = texture(iChannel1,uv).rgb; float position = sin(iTime) / 2.; vec2 uv2 = uv; uv2 -=0.5; uv2.x *= iResolution.x/iResolution.y; uv2 += position; float glow = 0.09 * 3./length(uv2); color += (5.0 * vec3(0.02 * glow)); gl_FragColor = vec4(color,1.);}
感谢你能够认真阅读完这篇文章,希望小编分享的"OpenGL Shader如何实现光照发光体特效"这篇文章对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,更多相关知识等着你来学习!
效果
位置
像素
圆形
篇文章
光照
发光体
数值
颜色
特效
半径
原理
周边
坐标
对象
方法
结果
角度
阴影
叠加
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
神易网络安全隔离平台
97数据库怎么用2007打开
pc搭建服务器
游戏app软件开发商
网络安全审查报告
河北贤才网络技术有限公司
哪个大学开放了网络安全专业
计算机等级网络技术课
杭州成典网络技术有限公司
工业触摸屏如何调取数据库
服务器与文件
linux服务器文件共享
有关网络安全的毕业设计
计算机网络技术的先锋人物
北京哪家软件开发公司好
软件开发阶段主要文档
数据库几张表变换锁表
激光打标机软件开发源码
现在学习软件开发有前途吗
用友软件普及版不能登录到服务器
魔亦神 网络安全
dl380 g7服务器
网络技术与设计
天阳科技互联网
网络安全 自然灾害
合肥卡斯里网络技术
外网邮件服务器搭建
aes重启服务器
王者荣耀软件开发工资多少
组建个人家庭服务器