Creative coding

I’m NOT a visual artist, but I love to experiment with visual arts 🙂

Lifebox restyled

One amazing thing about Lifebox is that you can use the original lifebox algorithm to create a new set of visuals, enhancing the creativity and searching new ways to show the data.

The shape of life II

The shape of life is a visual art creation based on the simplified version of the Lifebox algorithm.

The Lifebox metaballs

Animation of metaballs Lifebox simulation (GIF)

Seems something creepy, but it’s not! 🙂

Lifebox metaballs is another artistic interpretation based on the simplified version of the Lifebox algorithm created using isosurfaces.

loadPixels();
  for (int xPixel = 0; xPixel < width; xPixel++) {
    for (int yPixel = 0; yPixel < height; yPixel++) {
      int indexPixel = xPixel + yPixel * width;
      float sum = 0;
      for (int x = 0; x < matrixSizeX; x++) {
        for (int y = 0; y < matrixSizeY; y++) {
          float intensity = (float((plantsMatrix[x][y][0] * plantsMatrix[x][y][1])/20) / (dist(xPixel, yPixel,plantsMatrix[x][y][2],plantsMatrix[x][y][3])/1.1));
          sum += intensity * 0.8;
        }
      }
      if (noColor) {
        pixels[indexPixel] = color(sum);
      } else {
        pixels[indexPixel] = color(constrain(sum,10,220),100,200);
      }
      //println(sum);
    }
   }
  updatePixels();

Life explosion

Other creations

Perlin Noise experimentation: the moon & 80’s tron

int scl = 20;
int w = 2000;
int h = 2000;
int cols,rows;

float flying = 0;
float rotate = 0;

float[][] terrain;
float[][] colorofvertex;

void generateTerrain(float distance) {
float yoff = 0 + distance;
  for (int y = 0; y < rows; y++) {
    float xoff = 0;
    for (int x = 0; x < cols-1; x++) {
      terrain[x][y] = map(noise(xoff,yoff),0,1,-100,10);
      colorofvertex[x][y] = map(noise(xoff,yoff),0,1,0,200);
      xoff = xoff + 0.2;
    }
    yoff = yoff + 0.2;
  }
}

void setup() {
 size (1000,1000,P3D);
 cols = w / scl;
 rows = h / scl;
 terrain = new float[cols][rows];
 colorofvertex = new float[cols][rows];
 
 generateTerrain(0.0);
    
}

void draw() {
  
  //flying = flying - 0.2;
  generateTerrain(flying);
  background(0);
  stroke(255);
  noFill();
  translate(width/2,height/2);
  rotateX(PI/2.2);
  rotateZ(PI+rotate);
  translate(-w/2,-h/2);
  for (int y = 0; y < rows-1; y++) {
    beginShape(TRIANGLE_STRIP);
    for (int x = 0; x < cols-1; x++) {
      stroke(100);
      fill(int(colorofvertex[x][y]));
      vertex(x*scl,y*scl,terrain[x][y]);
      vertex(x*scl,(y+1)*scl,terrain[x][y+1]);
    }
    endShape();
  }
  if (keyPressed == true) {
    if (key=='w') flying = flying + 0.12;
    if (key=='s') flying = flying - 0.12;
    if (key=='a') rotate = rotate + 0.2;
    if (key=='d') rotate = rotate - 0.2;
  }
}

Perlin noise animation: sea at night

PImage bg;

int scl = 20;
int w = 3000;
int h = 2000;
int cols,rows;

float flying = 0;
float wave = 0;
float rotate = 0;

float[][] terrain;
float[][] colorofvertex;

void generateTerrain(float distance,float wave) {
float yoff = 0 + distance;
  for (int y = 0; y < rows; y++) {
    float xoff = 0;
    for (int x = 0; x < cols-1; x++) {
      terrain[x][y] = map(noise(xoff,yoff),0,1,-80,10)+map(noise(xoff+wave+sin(xoff),yoff+wave+cos(yoff)),0,1,-10,10)*2;
      colorofvertex[x][y] = map(noise(xoff,yoff),0,1,0,30)+map(noise(xoff+wave+sin(xoff),yoff+wave+cos(yoff)),0,1,-0,70)*2;
      xoff = xoff + 0.2;
    }
    yoff = yoff + 0.2;
  }
}

void setup() {
 bg = loadImage("starsBg.jpg");
 //size (1920,1080,P3D);
 fullScreen(P3D);
 cols = w / scl;
 rows = h / scl;
 terrain = new float[cols][rows];
 colorofvertex = new float[cols][rows];
 
 generateTerrain(0.0,0.0);
    
}

void draw() {
  background(bg);
  wave = wave + 0.02;
  generateTerrain(flying,wave);
  stroke(255);
  noFill();
  translate(width/2,height/2);
  rotateX(PI/2.2);
  rotateZ(PI+rotate);
  translate(-w/2,-h/2);
  for (int y = 0; y < rows-1; y++) {
    beginShape(TRIANGLE_STRIP);
    for (int x = 0; x < cols-1; x++) {
      stroke(0,0,colorofvertex[x][y]-50);
      fill(0,0,colorofvertex[x][y]);
      vertex(x*scl,y*scl,terrain[x][y]);
      vertex(x*scl,(y+1)*scl,terrain[x][y+1]);
    }
    endShape();
  }
  delay(10);
}

More information and source code at https://github.com/ferrithemaker/Jumble/tree/master/processing




twitter picasa