reference

09/dots5.frag

@@ -1,4 +1,5 @@
-// Author @patriciogv ( patriciogonzalezvivo.com ) - 2015
+// Author @patriciogv ( patricio.io ) - 2015
+// Inspired by the Patterns of Nina Warmerdam ( www.behance.net/ninawarmerdam )
 
 #ifdef GL_ES
 precision mediump float;
@@ -19,7 +20,7 @@ float circle(vec2 st, float radius){
     return 1.-smoothstep(radius-(radius*0.05),radius+(radius*0.05),dot(pos,pos)*3.14);
 }
 
-float circleOffste(vec2 st, float radius) {
+float circlePattern(vec2 st, float radius) {
     return  circle(st+vec2(0.,-.5), radius)+
             circle(st+vec2(0.,.5), radius)+
             circle(st+vec2(-.5,0.), radius)+
@@ -33,11 +34,11 @@ void main(){
 
     vec2 grid1 = tile(st,7.);
     grid1 = tile(st + vec2(cos(u_time),sin(u_time))*0.01,7.);
-    color += mix(vec3(0.075,0.114,0.329),vec3(0.973,0.843,0.675),circleOffste(grid1,0.23)-circleOffste(grid1,0.01));
+    color += mix(vec3(0.075,0.114,0.329),vec3(0.973,0.843,0.675),circlePattern(grid1,0.23)-circlePattern(grid1,0.01));
 
     vec2 grid2 = tile(st,3.);
     grid2 = tile(st + vec2(cos(u_time),sin(u_time))*0.02 ,3.);
-    color = mix(color, vec3(0.761,0.247,0.102), circleOffste(grid2,0.2)) - circleOffste(grid2,0.05),
+    color = mix(color, vec3(0.761,0.247,0.102), circlePattern(grid2,0.2)) - circlePattern(grid2,0.05),
 
     gl_FragColor = vec4(color,1.0);
 }

examples/README.md

@@ -51,7 +51,7 @@ The following is a list of examples present in this book.
         - [Checks](../edit.html#09/checks.frag)
         - [Diamond tiles](../edit.html#09/diamondtiles.frag)
         - [Bricks](../edit.html#09/bricks.frag)
-        - Dots: [0](../edit.html#09/dots.frag), [1](../edit.html#09/dots1.frag), [2](../edit.html#09/dots2.frag), [3](../edit.html#09/dots3.frag), [4](../edit.html#09/dots4.frag) and [marching dots](../edit.html#09/marching_dots.frag)
+        - Dots: [0](../edit.html#09/dots.frag), [1](../edit.html#09/dots1.frag), [2](../edit.html#09/dots2.frag), [3](../edit.html#09/dots3.frag), [4](../edit.html#09/dots4.frag), [5](../edit.html#09/dots5.frag) and [marching dots](../edit.html#09/marching_dots.frag)
         - [Side grid](../edit.html#09/sidegrid.frag)
         - [Rotated tiles](../edit.html#09/rotatedtiles.frag)
         - [Nuts pattern](../edit.html#09/nuts.frag)
@@ -65,4 +65,4 @@ The following is a list of examples present in this book.
 
 * [Moon](../edit.html#examples/moon.frag&examples/images/moon-texture.jpg)
 * [Matrix](../edit.html#08/matrix.frag)
-* [I-Ching](../edit.html#09/iching.frag)
+* [I Ching](../edit.html#09/iching.frag)