grid creatures

​

let lapse = 0;    // mouse timer

    let theShader;

    let W = 600

      let theShader2;

      var MM = 10.;

            var N = 10.0

            let theta = 0;

​

​

let shaderTexture;

let shaderTexture2;

​

    function preload() {

      theShader = new p5.Shader(this._renderer, vert, frag)

    }

​

    function setup() {

  createCanvas(400, 400 , WEBGL);

        shaderTexture = createGraphics(400, 400, WEBGL);

    shaderTexture.noStroke();

        createCanvas(400, 400 , WEBGL);

  noStroke();

    }

​

    function draw() {

         shaderTexture.shader(theShader);

      texture(shaderTexture);

      theShader.setUniform("r", [width, height]);

      theShader.setUniform("t", millis() / 1000.0);

      theShader.setUniform("m", [mouseX, map(mouseY, 0, height, height, 0)]);

  shader(theShader);

      shaderTexture.rect(0,0,width,height);

// this is the background:

      rect(-0.5*width, -0.5*height, width, height);

    }

​

​

​

    const vert = `

attribute vec3 aPosition;

attribute vec2 aTexCoord;

varying vec2 vTexCoord;

​

void main() {

  vTexCoord = aTexCoord;

  vec4 positionVec4 = vec4(aPosition, 1.0);

  positionVec4.xy = positionVec4.xy * 2.0 - 1.0;

  gl_Position = positionVec4;

}

`

​

​

const frag = `

precision mediump float;

uniform float t;       // time

uniform vec2  r;       // resolution

uniform vec2  m;       // mouse

vec2 P1= vec2(100.,100.);

vec2 P2= vec2(100.,100.);

vec2 P3= vec2(100.,100.);

float PI = 3.14159;

​

​

// returns a value between  0.1 and 0.15

float fract2(float A){

   return (sin(A) + 5.)*0.025;

}

​

float randomA (vec2 st) {

    return fract2(sin(dot(floor(st.xy),

              vec2(12.9898,78.233)))* 43758.5453123);

}

​

float random (float st) {

    return randomA(vec2(st));

}

​

​

​

//float mylen(vec2 q ,vec2 p){

//return length(q);

//float fac = 1.;// abs(p.y - 0.2*sin(t)-1.);

//float c1 = min(fac*(abs(q.y) + abs(4.*q.x)),fac*(abs(q.x) + abs(4.*q.y)));

//vec2 qq = 0.5*vec2(q.x + q.y,q.x - q.y);

//float c2 = min(fac*(abs(qq.y) + abs(4.*qq.x)),fac*(abs(qq.x) + abs(4.*qq.y)));

//return .9*min(c1,c2);

//}

​

float mylen(vec2 q, vec2 p){

float L1 = length(q);

float tt=1.;//t;

mat2 m3 = mat2(cos(2.*p.x*tt),-sin(2.*p.y*tt),sin(2.*p.y*tt),cos(2.*p.x*tt));

float fac = 1.;//abs(p.y - 4.);

vec2 q1 = m3*q;

float c1 = min(fac*(abs(q1.y) + abs(40.*q1.x)),fac*(abs(q1.x) + abs(40.*q1.y)));

float ang = PI;//t;//*sin(t*10.)*0.4;

mat2 m2 = mat2(cos(ang),-sin(ang),sin(ang),cos(ang));

vec2 qq = m3*m2*q; //0.5*vec2(q.x + q.y,q.x - q.y);

float c2 = min(fac*(abs(qq.y) + abs(40.*qq.x)),fac*(abs(qq.x) + abs(40.*qq.y)));

float a=1.;

float b=2.;

float L2=.05*max(c1,c2);

if(t < a){return L1;}

if(t > b){return L2;}

else {return   ((a*L2 - b*L1) + t*(L1-L2))/(a-b);}

} 

​

// I want a fucntion that goes from 1 to 100 nicely

float ff(float u){

float a = 6.;

float b = 8.;

   if (u<a){return 1.;}

   if (u>b){return 11.;}

else {return  6. - 5.*cos(PI*(u-a)/(b-a));}

}

​

​

void main(void){

  vec2 p = vec2(gl_FragCoord.xy-r)*5.5 / min(r.x, r.y);

  vec3 destColor = vec3(0.0);

​

        float whichi = 0.0;

        float whichk = 0.0;

        float mydist = 100.0;

        float mydist2 = 100.0;

        float mydist3 = 0.0;

        float mydist4 = 0.0;

  for(float ii=-6.; ii < 6.; ii++) {

​

  for(float kk=-5.0; kk < 5.; kk++) {

// .1 here is to avoid 

float i = -ii+0.1;

float k = -kk+0.1;

    float j = i+1.;

                float l = k+1.;

// lets keep track of which vecgtors are the closet ones:

​

float tt = 10000.+t*.1;

float sp = 0.1;

​

vec2   qq = - max(min(vec2(random(k+random(10.-k))*cos(j*tt*sp+l), ff(t)*random(i+random(i))*sin(l*tt*sp+j)) * (100.+ ff(t)),5.),-5.)

 - vec2(k + 0.5*mod(i,2.),i*0.3)*1.2 ;

​

​

    vec2 q = p  - qq;

​

        float L = mylen(q,p);

​

                 if (L < mydist){

                       P3 = P2;

                       P2 = P1;

                       P1 = qq;

                       mydist2 = mydist;

                       mydist = L;

                       whichi = i;

                       whichk = k;

      }

                else if (L < 4.*mydist2){

                       P3 = P2;

                       P2 = qq;

                       mydist2 = L;

      }

​

float L2 = mylen(p-qq-vec2(0.4,0.4),p);

float Lc = pow(1.-L2,2.)*(4.-p.y)*2.;

​

if (destColor.x==0.){

​

if (L<0.61){

destColor.x = 1.;

destColor.z = .5;

​

for (float ww=0.;ww<24.;ww++){

vec2 qqw = qq + vec2(cos(PI*ww/8.+t*0.3),sin(PI*ww/8.+t*0.3))/2.;

vec2 w2 = qqw-p;

float L1 =mylen(w2,p);

if (L1<0.09){destColor = vec3(1.,0.6,0.6);}

else if (L1<0.1){destColor = vec3(.4,0.0,0.);}

if (L<0.5){destColor = vec3(1.,0.6,0.6);}

}

​

for (float ww=0.;ww<24.;ww++){

vec2 qqw = qq + vec2(cos(PI*ww/8.-t*0.3),sin(PI*ww/8.-t*0.3))*.3;

vec2 w2 = qqw-p;

float L1 =mylen(w2,p);

if (L1<0.05){destColor = vec3(1.,0.9,0.8);}

else if (L1<0.06){destColor = vec3(.4,0.0,0.);}

if (L<0.3){destColor = vec3(1.,0.9,0.8);}

}

​

for (float ww=0.;ww<24.;ww++){

vec2 qqw = qq + vec2(cos(PI*ww/8.+t*0.3),sin(PI*ww/8.+t*0.3))*.2;

vec2 w2 = qqw-p;

float L1 =mylen(w2,p);

if (L1<0.03){destColor = vec3(1.,1.,0.8);}

else if (L1<0.04){destColor = vec3(.4,0.0,0.);}

if (L<0.2){destColor = vec3(1.,1.,0.8);}

}

​

​

if (L<0.61 && L>0.6 ){destColor = vec3(.4,0.0,0.);}

​

}

}

​

​

}

}

​

​

gl_FragColor = vec4(destColor,1.);

​

}

`

function filenm() {

        var str= window.location.href;

        var str2 = (str.split("/")[3]).split(".")[0] + ".jpg" ;        

        return str2

    }

​

function mousePressed(){

// prevents mouse press from registering twice

  if (frameCount - lapse > 15){

    save(filenm());

    lapse = frameCount;

  }

}

​

​

​

​