cool cool cool

learning/2d_matrices/rotations.frag

@@ -0,0 +1,48 @@
+#ifdef GL_ES
+precision mediump float;
+#endif
+uniform vec2 u_resolution;
+uniform vec2 u_mouse;
+uniform float u_time;
+
+#define PI 3.14159265359
+
+const vec3 uAColor = vec3(.5,.5,.5);
+const vec3 uBColor = vec3(.5,.5,.5);
+const vec3 uCColor = vec3(1.,1.,1.);
+const vec3 uDColor = vec3(.0,.33,.67);
+
+//get colors from http://dev.thi.ng/gradients/
+vec3 cosPalette(float t) { return uAColor + uBColor*cos(6.28318*(uCColor*t+uDColor)); }
+
+
+mat2 rotate2d(float _angle){
+  return mat2(cos(_angle),-sin(_angle),
+              sin(_angle),cos(_angle));
+}
+
+float crossSDF(vec2 st, float s) {
+  vec2 size = vec2(.25, s);
+  float a = max(abs(st.x/size.x),abs(st.y/size.y));
+  float b = max(abs(st.x/size.y),abs(st.y/size.x));
+  return min(a,b);
+}
+
+float fill(float x, float size) { return 1.-step(size, x); }
+
+void main() {
+  vec2 st = gl_FragCoord.xy/u_resolution;
+  st.x *= u_resolution.x/u_resolution.y;
+  st = (st-.5)*2.;
+  vec3 color = vec3(0.0,0.0,0.0);
+  float alpha = 1.0;
+  vec2 translate = vec2(cos(u_time),sin(u_time)); 
+  //move before rotate. i would've thought the opposite
+  st = st - translate*.35;
+  st = rotate2d(sin(u_time)*PI) * st;
+  //color = vec3(st.x,st.y,.0);
+  color += fill(crossSDF(st,1.),.3);
+  
+
+  gl_FragColor = vec4(color, alpha);
+}

learning/2d_matrices/scale.frag

@@ -0,0 +1,53 @@
+#ifdef GL_ES
+precision mediump float;
+#endif
+uniform vec2 u_resolution;
+uniform vec2 u_mouse;
+uniform float u_time;
+
+#define PI 3.14159265359
+
+const vec3 uAColor = vec3(.5,.5,.5);
+const vec3 uBColor = vec3(.5,.5,.5);
+const vec3 uCColor = vec3(1.,1.,1.);
+const vec3 uDColor = vec3(.0,.33,.67);
+
+//get colors from http://dev.thi.ng/gradients/
+vec3 cosPalette(float t) { return uAColor + uBColor*cos(6.28318*(uCColor*t+uDColor)); }
+
+vec2 rotate(vec2 st, float a) {
+  st = mat2(cos(a),-sin(a),sin(a),cos(a))*(st);
+  return st;
+}
+
+vec2 scale(vec2 st, vec2 scale) {
+  return mat2(scale.x,.0,.0,scale.y)*st;
+}
+
+float fill(float x, float size) { return 1.-step(size, x); }
+
+float crossSDF(vec2 st, float s) {
+  vec2 size = vec2(.25, s);
+  float a = max(abs(st.x/size.x),abs(st.y/size.y));
+  float b = max(abs(st.x/size.y),abs(st.y/size.x));
+  return min(a,b);
+}
+
+
+void main() {
+  vec2 st = gl_FragCoord.xy/u_resolution;
+  st.x *= u_resolution.x/u_resolution.y;
+  st = (st-.5)*2.;
+  vec3 color = vec3(0.0,0.0,0.0);
+  float alpha = 1.0;
+  st += vec2(sin(u_time),cos(u_time))*.35;
+  st = scale(st, vec2(sin(u_time),sin(u_time)));
+  st = rotate(st,sin(u_time));
+  float c = crossSDF(st,1.);
+  
+  color = vec3(st.x,st.y,.0);
+  color += fill(c,.2);
+  
+
+  gl_FragColor = vec4(color, alpha);
+}

learning/2d_matrices/translate.frag

@@ -0,0 +1,39 @@
+#ifdef GL_ES
+precision mediump float;
+#endif
+uniform vec2 u_resolution;
+uniform vec2 u_mouse;
+uniform float u_time;
+
+#define PI 3.14159265359
+
+const vec3 uAColor = vec3(.5,.5,.5);
+const vec3 uBColor = vec3(.5,.5,.5);
+const vec3 uCColor = vec3(1.,1.,1.);
+const vec3 uDColor = vec3(.0,.33,.67);
+
+//get colors from http://dev.thi.ng/gradients/
+vec3 cosPalette(float t) { return uAColor + uBColor*cos(6.28318*(uCColor*t+uDColor)); }
+
+float crossSDF(vec2 st, float s) {
+  vec2 size = vec2(.25, s);
+  float rect1 = max(abs(st.x/size.x),abs(st.y/size.y));
+  float rect2 = max(abs(st.x/size.y),abs(st.y/size.x));
+  return min(rect1,rect2);
+}
+
+float fill(float x, float size) { return 1.-step(size, x); }
+
+void main() {
+  vec2 st = gl_FragCoord.xy/u_resolution;
+  st.x *= u_resolution.x/u_resolution.y;
+  st = (st-.5)*2.;
+  vec3 color = vec3(0.0,0.0,0.0);
+  float alpha = 1.0;
+  
+  vec2 translate = vec2(0.,sin(u_time));
+  st += translate*.35;
+  color = vec3(st.x,st.y,.0);
+  color += fill(crossSDF(st,1.),.2+(cos(u_time*2.)*.1));
+  gl_FragColor = vec4(color, alpha);
+}

learning/2d_matrices/yuvcolor.frag

@@ -0,0 +1,34 @@
+#ifdef GL_ES
+precision mediump float;
+#endif
+uniform vec2 u_resolution;
+uniform vec2 u_mouse;
+uniform float u_time;
+
+#define PI 3.14159265359
+
+const vec3 uAColor = vec3(.5,.5,.5);
+const vec3 uBColor = vec3(.5,.5,.5);
+const vec3 uCColor = vec3(1.,1.,1.);
+const vec3 uDColor = vec3(.0,.33,.67);
+
+//get colors from http://dev.thi.ng/gradients/
+vec3 cosPalette(float t) { return uAColor + uBColor*cos(6.28318*(uCColor*t+uDColor)); }
+
+mat3 yuv2rgb = mat3(1.,.0,1.13983,
+                    1.,-.39465,-.58060,
+                    1.,2.03211,.0);
+
+mat3 rgb2yuv = mat3(.2125,.7152,.0722,-.09991,-.33609,.43600,.615,-.5586,-.05639);
+
+void main() {
+  vec2 st = gl_FragCoord.xy/u_resolution;
+  st.x *= u_resolution.x/u_resolution.y;
+  st = (st-.5)*2.;
+  vec3 color = vec3(0.0,0.0,0.0);
+  float alpha = 1.0;
+  color = yuv2rgb * vec3(.5,st.x,st.y);
+  
+
+  gl_FragColor = vec4(color, alpha);
+}