Final project 3 version

Figure for the project 3: I don not know why it cannot running on the Processing.org

This is the final project for the sound shape. i called it painting wall piano. During the mouse click each time. You can hear the different voice from A+ to G+. and in the end will get the outline of the Sydney opera house.

Thanks Ben jack and Steven help me during this trimester!

Project 3 ver 1.0

That is the first step of my project, now it have interactive. Just by interacitve ball falling down can have different noise. But i need to develop it.

Project 3 development

I found that eye moving might be the first idea about the things can have the gravity and then can control it.

New idea and development for project 3

The first one: rain_catcher. that one can collect the water from the sky. by this brown barrel.

The second one: that one can create more and more ball in the end fall on the ground because of the gravity.

The next idea for my project 3 is try to create the sound during the collect the water. and if the water fall into the ground. it will be disperse into piece. and also have other sound.

The minim i made for the last time thought could be the interactive object but it seems like the media player. Use you mouse to change the colour in different position. it looks really cool.

The first tutorial work

Storyboard for the Project 3

This is the storyboard i made for last two week. I started to use my first idea for the project 3. and then further more, i get the experience from today tutorial. i might be think of more about my work. Keep going, until i get the end of it.

Project 2

This is my project two.I called it gravity ball.Interactive object - as I know, it should be the processing system and interactive data have a link with each other. So it must have some feedback to the user. so at first i try to use the music (minim function) and during one song have different colour by the mouse use different position. But maybe that one can be use at final one when I know our third product is the sound. The falling ball can change the colour, and ball have gravity.During the mousepress it will have array.And you can change the ball with your mouse.Anyway,try to interactive with it! :)

Project 2_ex5

That is a falling ball.

Project 2_ex4

The experiment I tried when I read the processing book

Project 2_ex3

Project 2 mouse toy storyboard

.

Here is the first step of my project 2. 

I want to create the mouse toy combine with these three elements.  
The first one right now is truly become one of my experiment - the eye, can zoom in and zoom out. 
The second one i tried to look it like the interactive space. during the user - their 'mouse' click into one space, other 5 space around the mouse will have different position. Try to make it look complex and dimensions. 
The third one looks like the water float,  but i tried to use it by the minim function. It will be good with some music.

Experiment for project 2

Research

As you can see, that processing code contain a lot of different interactive, and even you can change it by yourself.

Final project for 1B(2)

Final project for 1B

Experiment 7

when I find that kind of black and white version could become some variale for my background, i started to do the final work

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