Experiment 5

Experiment 4

Experiment 3

Experiment 2

Experiment 1

Some exercise

That was the firs exercise i did. and while i read the book online, i found that coding.

float r;
float g;
float b;
float a;

float diam;
float x;
float y;

void setup() {
  size(500, 500);
  background(0);
  smooth();
}

void draw() {
  r=random(255);
  g=random(255);
  b=random(255);
  a=random(255);
  diam=random(500);
  x=random(width);
  y=random(height);

  noStroke();
  fill(r, g, b, a);
  ellipse(x, y, diam, diam);
}

The simple face

That was the simple face i made this time.


void setup() {
  size(500, 500);
  background(255);
  smooth();
  stroke(0);
  strokeWeight(5);
  bezier(150, 180, 170, 270, 330, 270, 350, 180);
  bezier(265, 120, 270, 100, 280, 100, 285, 120);
  line(250, 140, 250, 245);
  line(135, 140, 210, 160);
  line(365, 140, 290, 160);
  line(135, 170, 210, 180);
  line(365, 170, 290, 180);
  line(135, 210, 210, 200);
  line(365, 210, 290, 200);

  noFill();
  ellipse(215, 100, 65, 80);
  ellipse(285, 100, 65, 80);
  ellipse(250, 170, 270, 260);
  fill(23, 132, 214);

  fill(198, 69, 64);
  ellipse(250, 140, 35, 35);
  fill(255, 255, 255);
  noStroke();
  ellipse(245, 135, 10, 10);
  fill(0);
  ellipse(230, 115, 20, 20);
}

Exercise one

That is what i made in coding

The code in that drawing is:

d'=small circle=3cm;
d''=big circle=4cm;

Algorithm:

2.7cm radius around the centre of a circle (equilateral triangle):
→↙↖ x1;

4.5cm radius around the centre of a circle  (isosceles triangle):
→↙↖ x1;

Repetition:

repeat one

↓x1
repeat two

↓x1
repeat

↓
rotate 90˚ on the left;
rotate 90˚ on the right;

Get that coding:

Repeat this repeatition 4 times but change into other three different position.

Finally get that coding:

Some development and first idea

First drawing and some experience.

After some reasearch work,  I am not going to do the Algorithm at first, the first one just want to use some lines: oblique line and straight line.  Try to make a complex shape or pattern.

(Figure: The twitter on ipad version)

Then i started looking at conch, think about the algorithm and repetition can have some aesthetics knowledge to creat it. On the second one i made a golden section ratio/point. To get a little more interesting but that one just the expression.

So on the third one i started drawing the 'honeycomb'. The reason I drew is becasue it also use 'the golden ratio' theory, other reason is that grid look simple but if make in really accurate degree. It shows strong impression in your mind. The fourth one try to find out some Visual illusion. But I failed to make this final one.

what's the algorithm

During the first lecture a little bit make me confuse about 'what is the algorithm?'

So I check some website, try to find out the meaning of it.

It is kind of mathematics problem.

E.g. Data Flow Diagram. it is used for see the processes and what the data is transferred between different functions. The process or function is expressed as some shape and link between each process shows which one passes to other one.

Here are some  some picture might be correctly explained the this answer. The anti-aliased gray scale images. Distance transform and volute. A visual display designed to make it distinctive and memorable.

Image from:

http://www.scienceprog.com/how-to-describe-embedded-software-design-using-diagrams-and-pseudo-code/

http://www.vizworld.com/2009/10/antialiased-euclidian-distance-transform/

www.google.com