Final output

I have used coding to create an original skateboard graphic. This design was created by using a mousepress function where triangles are generated when the mouse is pressed in relation to where the mouse is on the page. The two sides represent the constant battle one faces while skateboarding . One side being pain (injuries, falling, hurting oneself) and one side being pleasure (landing a trick). This design shows how fierce the battle can be by using sharp shapes and strong colours. The sharp shapes relate to the pain one can feel while bailing and the strong colours show how stubborn the mind can be in not giving up when trying to land a trick. 

Idea visualisation

I like the idea of using this piece of code on the bottom of a skateboard because the colours and shapes in this design remind me a lot of energy and intensity. Two aspects which are very crucial to skateboarding.

Entourage examples

This colour and line direction represents the speed of the scooter. 

T-shirt example

Drink bottle example

Lampshade example

First print output

This is my first print output. I like the very busy look and the more you look the more you see nature of this image. It will attempt to differ the colours a little more so each triangle is more visible. 

Trying different colour

In these examples I am experimenting with colour and the direction of the triangles. These images are starting to look like nightclub lighting. 

Processing examples

These are examples are experimenting with processing and seeing what the triangle  generator can produce. I have also experimented with another piece of code which generates circles.

Further experiments with triangle generator.

I like the fire like colours in all of these outputs. As I stated before I like the idea that these outputs would be very time consuming and tedious to create in photoshop or illustrator but with code they can be created within a matter of seconds. 

float med_mouseX=mouseX;

float med_mouseY=mouseY;

float old_mouseX=0;

float old_mouseY=0;

float red=random(0,255);

void setup() {

  size(1000,1200);

  background(255);

}

void draw(){

  noStroke();

  med_mouseX=(mouseX+pmouseX)*0.5+random(-400.0,400.0);

  med_mouseY=(mouseY+pmouseY)*0.5+random(-400.0,400.0);

  if(mousePressed){

    if(old_mouseX==0){

      old_mouseX=mouseX;

    }

    if(old_mouseY==0){

      old_mouseY=mouseY;

    }

    fill(random(0,255),0,0,random(0,255));

    beginShape();

      vertex(mouseX,mouseY);

      vertex(med_mouseX,med_mouseY);

      vertex(pmouseX,pmouseY);

    endShape();

   

  fill(random(0,255),0,0,random(0,255));

    beginShape();

      vertex(med_mouseX,med_mouseY);

      vertex(pmouseX,pmouseY);

      vertex(old_mouseX,old_mouseY);

    endShape();

     

    old_mouseX=med_mouseX;

    old_mouseY=med_mouseY;

  }

}

void mouseClicked() {

  med_mouseX=mouseX;

  med_mouseY=mouseY;

  old_mouseX=mouseX;

  old_mouseY=mouseY;

}

void keyPressed(){

  if(key=='s'){

    saveImage();

  }

  if(key=='x'){

    background(255);

  }

  if(key=='e'){

    filter(ERODE);

    filter(ERODE);

    filter(ERODE);

  }

  if(key=='d'){

    filter(DILATE);

    filter(DILATE);

    filter(DILATE);

  } 

}

 void saveImage() {

  String fileName = timeStamp()+".tiff";

  PImage imageSave = get(0,0,width,height);

  imageSave.save(fileName);

}

  

String timeStamp() {

 String timestamp = year()+"_"+month()+"_"+day()+"_"+minute()+"_"+second()+"_"+millis();

 return timestamp;

}