precision highp float; uniform vec2 resolution; uniform float time; uniform vec2 mouse; uniform sampler2D backbuffer; uniform sampler2D channel0; // 「トランプのイラスト」from いらすとや // https://www.irasutoya.com/2017/05/card.html //#define AA 1 #define AA 2 const float pi = acos(-1.0); const float pi2 = acos(-1.0) * 2.; float rand(in float x) { return fract(sin(x) * 43758.5453); } float rand2(in vec2 co) { return fract(sin(dot(co, vec2(12.9898, 78.233))) * 43758.5453); } mat2 rotate2D(in float angle) { float s = sin(angle); float c = cos(angle); return mat2(c, -s, s, c); } vec2 pmod(in vec2 p, in float n) { float a = pi2/n; float theta = atan(p.y, p.x) + 0.5*a; theta = floor(theta/a) * a; return p*rotate2D(-theta); } vec3 hsv2rgb(in float h, in float s, in float v) { return ((clamp(abs(fract(h+vec3(0,2,1)/3.)*6.-3.)-1.,0.,1.)-1.)*s+1.)*v; } const vec2 size = vec2(0.58, 0.94); const float thickness = 0.01; float distBox(in vec3 p) { float d = length(max(abs(p.xy)-size*0.8, 0.))-size.x*0.2; return max(abs(p.z)-thickness, d); } float getPhase(in vec2 id) { return time*3. + pi2*rand2(id); } const vec2 interval = vec2(5.0); const float floorHeight = -1.015; float dist(in vec3 p) { vec3 z = p; z.zx = mod(z.zx, interval) - 0.5*interval; vec2 id = floor(p.zx / interval); float phase = getPhase(id); z.zx *= rotate2D(phase); z.xy *= rotate2D(atan(size.x/size.y)); return min(distBox(z), p.y-floorHeight); } // https://wgld.org/d/glsl/g020.html float genShadow(in vec3 ro, in vec3 rd) { float h = 0.; float c = 0.001; float r = 1.0; float shadowCoef = 0.5; for(float t = 0.; t< 30.; t++) { h = dist(ro+rd*c); if(h < 0.001) { return shadowCoef; } r = min(r, h*16.0/c); c += h; } //return 1.0 - shadowCoef + r*shadowCoef; // shadowCoefの値が0.5以外のときに影がおかしくなる return mix(shadowCoef, 1.0, r); // 正常 } vec3 render(in vec2 p) { vec3 color = vec3(1); vec3 cPos = vec3(0., 3., 8.-time*3.); vec3 cDir = normalize(vec3(0, -0.3, -1)); vec3 cUp = normalize(vec3(0, 1, 0)); vec3 cSide = normalize(cross(cDir, cUp)); float targetDepth = 2.5; vec3 ray = normalize(vec3(p.x*cSide + p.y*cUp + cDir*targetDepth)); vec3 lightDir = normalize(vec3(-1, 1, 1)); float coef = (floorHeight - cPos.y) / ray.y; vec2 floorPos = cPos.zx + ray.zx * coef; vec2 uv = floorPos / interval; vec2 id = floor(uv); if(ray.y < 0.) { float r = rand2(id*1.1); uv = fract(uv) - 0.5; uv *= rotate2D(pi2*r + time); vec2 z = pmod(uv, 5.); z.y = abs(z.y); float a = tan(0.1*pi); float d1 = abs(a*z.x + z.y - 0.075)/sqrt(a*a+1.); float d2 = abs(z.x - 0.0713292387); float d3 = length(uv - normalize(uv)*0.39); float f = 5.; float s = 0.07; d1 = min(d1, d2); vec2 temp = mod(id, 2.); float t = time * .5; vec3 tempColor = hsv2rgb(d1*f+t+r, 1., 1.) * smoothstep(s, 0., d1); tempColor += hsv2rgb(d3*f+t*1.31234+r, 1., 1.) * smoothstep(s, 0., d3); if((temp.x < 0.1 && temp.y < 0.1) || (temp.x > 0.9 && temp.y > 0.9)) { color = tempColor; } else { color = 1. - tempColor; } color = clamp(color, 0., 1.); } color = mix(color, vec3(0.5, 0.8, 1.), smoothstep(0., 0.1, ray.y)); float distance = 0.; vec3 rPos = cPos; bool hit = false; if(ray.y < 0.) { //------------------------------------------------------------------------------------------- //地平線までオブジェクトを描画するために、レイをあらかじめオブジェクト上端を通る平面まで進める。 float height = floorHeight + length(size)*1.8258; coef = (height - rPos.y) / ray.y; rPos += ray * coef; //------------------------------------------------------------------------------------------- for(int i=0; i<100; i++) { distance = dist(rPos); if(abs(distance) < 0.002) { hit = true; break; } rPos += ray * min(distance, 1.5); } } if(hit) { vec3 base = color; float shadow = 1.0; vec3 normal = vec3(0); if(rPos.y < floorHeight+0.003) { normal = vec3(0, 1, 0); shadow = genShadow(rPos + normal*0.001, lightDir); } else { vec3 Pos = rPos; Pos.zx = mod(rPos.zx, interval) -interval*0.5; id = floor(rPos.zx / interval); float phase = getPhase(id); Pos.zx *= rotate2D(phase); Pos.xy *= rotate2D(atan(size.x/size.y)); vec2 fPos = Pos.xy; fPos /= 11.4215; fPos += vec2(0.0648, 0.899); float dx = 0.1084; float dy = 0.16016; if(Pos.z > 0.) { normal = vec3(0, 0, 1); float rx = rand2(id*1.2); float ry = rand(rx+27.23431); float nx = floor(rx*9.); float ny = floor(ry*6.); if(nx > 7.9 && ny > 4.9) { nx = 0.; ny = 0.; } fPos += vec2(dx*nx, -dy*ny); } else { normal = vec3(0, 0, -1); fPos += vec2(dx*8., -dy*5.); } base = texture2D(channel0, fPos).rgb; normal.zx *= rotate2D(-phase); shadow = dot(normal, lightDir) > 0. ? 1. : 0.5; } color = base*shadow; } return color; } void main(void){ vec3 color = vec3(0); // Anti-aliasing. for(int m = 0; m < AA; m++) { for(int n = 0; n < AA; n++) { vec2 of = vec2(m, n) / float(AA) - 0.5; vec2 p = ((gl_FragCoord.xy + of) * 2.0 - resolution) / min(resolution.x, resolution.y); color += render(p); } } color /= float(AA * AA); gl_FragColor = vec4(color, 1.0); } // old /* const float pi = acos(-1.0); float rand(in float x) { return fract(sin(x) * 43758.5453); } float rand2(in vec2 co) { return fract(sin(dot(co, vec2(12.9898, 78.233))) * 43758.5453); } mat2 rotate2D(in float angle) { return mat2(cos(angle), -sin(angle), sin(angle), cos(angle)); } vec2 pmod(in vec2 p, in float n) { float a = 2.0*pi/n; float theta = atan(p.y, p.x) + 0.5*a; theta = floor(theta/a) * a; return p*rotate2D(-theta); } vec3 hsv2rgb(in float h, in float s, in float v) { return ((clamp(abs(fract(h+vec3(0,2,1)/3.)*6.-3.)-1.,0.,1.)-1.)*s+1.)*v; } const vec2 size = vec2(0.58, 0.94); const float thickness = 0.01; float distBox(in vec3 p) { float d1 = length(max(abs(p)-vec3(size, thickness), 0.)); float d2 = length(max(abs(p.xy)-size*0.8, 0.))-size.x*0.2; return max(d1, d2); } float getPhase(in vec2 id) { return time*3. + 2.*pi*rand2(id*vec2(1.52312, 1.482942)); } const vec2 interval = vec2(5.0); const float floorHeight = -1.015; float dist(in vec3 p) { vec3 z = p; z.zx = mod(z.zx, interval) - 0.5*interval; vec2 id = floor(p.zx / interval); float phase = getPhase(id); z.zx *= rotate2D(phase); z.xy *= rotate2D(atan(size.x/size.y)); return min(distBox(z), p.y-floorHeight); } // https://wgld.org/d/glsl/g020.html float genShadow(in vec3 ro, in vec3 rd) { float h = 0.; float c = 0.001; float r = 1.0; float shadowCoef = 0.5; for(float t = 0.; t< 30.; t++) { h = dist(ro+rd*c); if(h < 0.001) { return shadowCoef; } r = min(r, h*16.0/c); c += h; } //return 1.0 - shadowCoef + r*shadowCoef; // shadowCoefの値が0.5以外のときに影がおかしくなる return mix(shadowCoef, 1.0, r); // 正常 } void main(void){ vec2 p = (gl_FragCoord.xy * 2.0 - resolution) / min(resolution.x, resolution.y); vec3 color = vec3(1); vec3 cPos = vec3(0., 3., 8.-time*3.); vec3 cDir = normalize(vec3(0, -0.3, -1)); vec3 cUp = normalize(vec3(0, 1, 0)); vec3 cSide = normalize(cross(cDir, cUp)); float targetDepth = 2.5; vec3 ray = normalize(vec3(p.x*cSide + p.y*cUp + cDir*targetDepth)); vec3 lightDir = normalize(vec3(-1, 1, 1)); float coef = (floorHeight - cPos.y) / ray.y; vec2 floorPos = cPos.zx + ray.zx * coef; vec2 uv = floorPos / interval; vec2 id = floor(uv); float r = rand2(id*vec2(1.52385, 1.50582)); uv = fract(uv) - 0.5; uv *= rotate2D(2.*pi*r + time); vec2 z = uv; z = pmod(z, 5.); z.y = abs(z.y); float a = tan(0.1*pi); float d1 = abs(a*z.x + z.y - 0.075)/sqrt(a*a+1.); float d2 = abs(z.x - 0.0713292387); float d3 = length(uv - normalize(uv)*0.39); float f = 5.; float s = 0.07; d1 = min(d1, d2); vec2 temp = mod(id, 2.); float t = time * .5; if((temp.x < 0.1 && temp.y < 0.1) || (temp.x > 0.9 && temp.y > 0.9)) { color = vec3(0); color += hsv2rgb(d1*f+t+r, 1., 1.) * smoothstep(s, 0., d1); color += hsv2rgb(d3*f+t*1.31234+r, 1., 1.) * smoothstep(s, 0., d3); } else { color = vec3(1); color -= hsv2rgb(d1*f+t+r, 1., 1.) * smoothstep(s, 0., d1); color -= hsv2rgb(d3*f+t*1.31234+r, 1., 1.) * smoothstep(s, 0., d3); } color = clamp(color, 0., 1.); color = mix(color, vec3(1.), step(-0.001, ray.y)); color = mix(color, vec3(0.5, 0.8, 1.), smoothstep(0., 0.1, ray.y)); float distance = 0.; vec3 rPos = cPos; //------------------------------------------------------------------------------------------- //地平線までオブジェクトを描画するために、レイをあらかじめオブジェクト上端を通る平面まで進める。 if(ray.y < 0.) { float height = floorHeight + length(size)*1.8258; coef = (height - rPos.y) / ray.y; rPos += ray * coef; } //------------------------------------------------------------------------------------------- for(int i=0; i<100; i++) { distance = dist(rPos); if(abs(distance) < 0.002) { vec3 base = color; float shadow = 1.0; vec3 normal = vec3(0); if(rPos.y < floorHeight+0.003) { normal = vec3(0, 1, 0); shadow = genShadow(rPos + normal*0.001, lightDir); } else { vec3 Pos = rPos; Pos.zx = mod(rPos.zx, interval) -interval*0.5; id = floor(rPos.zx / interval); float phase = getPhase(id); Pos.zx *= rotate2D(phase); Pos.xy *= rotate2D(atan(size.x/size.y)); vec2 fPos = Pos.xy; fPos /= 11.4215; fPos += vec2(0.0648, 0.899); float dx = 0.1084; float dy = 0.16016; if(Pos.z > 0.) { normal = vec3(0, 0, 1); float rx = rand2(id*vec2(1.523473, 1.43239)); float ry = rand(rx+27.23431); float nx = floor(rx*9.); float ny = floor(ry*6.); if(nx > 7.9 && ny > 4.9) { nx = 0.; ny = 0.; } fPos += vec2(dx*nx, -dy*ny); } else { normal = vec3(0, 0, -1); fPos += vec2(dx*8., -dy*5.); } base = texture2D(channel0, fPos).rgb; normal.zx *= rotate2D(-phase); shadow = dot(normal, lightDir) > 0. ? 1. : 0.5; } color = base*shadow; break; } rPos += ray * min(distance, 1.5); } gl_FragColor = vec4(color, 1.0); } */

#いらすとや