有段时间没码博客了。
今天分享一个使用一张贴图在一个2D平面上实现3D感星空的Shader。
意图:前段时间游戏登录界面背景图片需要临时更换,美术同学没办法快速提供,于是我临时想到做一个动态星空来当登录背景。
贴图:
这是在网上找的星空的图片
没找到特别合适的,勉强符合要求。主要看中有黑色块较多,适合做加法叠加。
效果:
效果还是相当的明显的。
思路:做多次的不同速的sin cos 偏移采样,最终再做叠加。使用TIME函数做驱动,让其动起来。
代码:
#ifdef GL_ES
....
void main()
{
vec2 cp = vec2(v_texCoord.x,v_texCoord.y);
//v的sin偏转 叠加到u上 ,变化速度为CC_SinTime.r*3.0
cp.x += 0.1*sin(cp.y*3.0+CC_SinTime.r*3.0);
float v1 = sin(CC_SinTime.r*1.2)*0.3+0.9;
//第一次采样
vec4 t1 = texture2D(CC_Texture0, (cp*v1+vec2(0.1,0.1))*1.0);
cp = vec2(v_texCoord.x*0.9,v_texCoord.y*1.2);
//v的cos偏转 叠加到u上
cp.x &#