OpenGL Shader如何实现光照发光体特效 | 您所在的位置:网站首页 › opengl模拟太阳光照 › OpenGL Shader如何实现光照发光体特效 |
OpenGL Shader如何实现光照发光体特效
发布时间:2022-02-14 09:49:42
来源:亿速云
阅读:119
作者:小新
栏目:开发技术
这篇文章主要介绍了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如何实现光照发光体特效”这篇文章对大家有帮助,同时也希望大家多多支持亿速云,关注亿速云行业资讯频道,更多相关知识等着你来学习! 推荐阅读:OpenGL进阶(十三) - GLSL光照(Lighting) 免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:[email protected]进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。 opengl shader 上一篇新闻:Python字典怎么用 下一篇新闻:pytorch的多GPU训练的方式有哪些 猜你喜欢 python如何检查对象的内存占用情况 java如何使用substring()方法反转字符 如何使用python实现列表反转 linux如何使用rm命令删除目录 java如何使用Byte数组反转字符 java如何通过交换实现字符反转 java如何使用String charAt方法反转字符 python如何将元素进行重复 python如何判断字符串是不是回文串 js如何通过字符获取位置或通过位置获取字符 |
CopyRight 2018-2019 实验室设备网 版权所有 |