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;

}

Experimenting with processing triangle generator

In this screen recording I am playing around with code i have manipulated from open processing. 

I have changed the direction the triangles point, the size and colour. I am not sure what this could be yet but I really like the idea of creating something that could not be easily created in illustrator or photoshop. 

Successful import into 123make

Tried again and I successful in importing a file into 123make. 123make is an exciting program because it breaks reasonable complicated shapes into smaller pieces which can then be assembled to create the shape. This program really makes 3d shapes more accessible because there is no need for a 3d printer.

Tried to export to 123make

But was stuck on this screen for about an hour

Experimenting with Rhinoceros + Grasshopper

"For designers who are exploring new shapes using generative algorithms,Grasshopper® is a graphical algorithm editor tightly integrated with Rhino’s 3-D modeling tools. Unlike RhinoScript, Grasshopper requires no knowledge of programming or scripting, but still allows designers to build form generators from the simple to the awe-inspiring."

These programs together create a great resource to produce interesting abstract 3d shapes.  These shapes could potentially be very interesting to 3d print or even use in a 2d environment. The shapes created remind me a lot of architectural structures and places like art galleries. 

iGeo example

"iGeo is free and open source 3D modeling software library in Java for computational design in architecture, product design, interaction design and more. iGeo is designed to provide functionality of code-based 3D modeling, practicality of use in computational design practice and extensibility to cooperate with other data processing components and real-time input/output interaction interfaces to other various media in Java Experimenting with igeo." I did not find iGeo as exciting as previous libraries such as toxiclibs.  It appeared to be quite different from anything  I have worked with before.

Toxiclibs experiments

"Toxiclibs is an independent, open source library collection for computational design tasks with Java & Processing developed by Karsten “toxi” Schmidt (thus far). The classes are purposefully kept fairly generic in order to maximize re-use in different contexts ranging from generative design, animation, interaction/interface design, data visualization to architecture and digital fabrication, use as teaching tool and more" Toxiclibs seems more similar to previous things I have used in processing. It was really fun playing with the attracting functions and the number of balls. I found the idea of controlling a lot of particles using mouse functions exciting.  

Trying out HE_Mesh

"Hemesh is an imple­men­ta­tion of a half-edge datastructure for manip­u­lat­ing 3D meshes in Processing. Basically it’s a toolset to extend my Processing sand­box to a proper playground."  Hemesh reminds me a lot of Web GL in the way that it works with 3d shapes and is reasonable interactive. 

Key Terms

Generative design: is a design method in which the output – image, sound, architectural models, animation – is generated by a set of rules or an Algorithm, normally by using a computer program. 





Parametric design is a process based on algorithmic thinking that enables the expression of parameters and rules that, together, define, encode and clarify the relationship between design intent and design response


Data visualisation is viewed by many disciplines as a modern equivalent of visual communication. It is not owned by any one field, but rather finds interpretation across many. It involves the creation and study of the visual representation of data.




Digital fabrication is a process that joins design with the Construction / Production through the use of 3D modeling software and additive and subtractive manufacturing processes.

Project 2 starts here