Course review

This is interesting course that I enjoy it really much. We learn processing and arduino in this course. We have done the drawing board that is similar to the Microsoft painter. I did not know that processing can do this. Also, another amazing thing is that processing can interact with mouse. So we have simulated the Happy Farm which is also my favorite homework. The interesting thing in this homework is that we did not know that we can use java programming syntax to write program in processing. We just tried it and found out that it is feasible to use java syntax.

After midterm, we use arduino to make LED lighted. Also, arduino can become a simple piano. We learn to use arduino to send message to processing so arduino can interact with processing. Finally, we make buttons to interact with my favorite Happy Farm. I think that because the time issue, we cannot learn much on arduino and processing. It is just like a basic understanding toward this two subjects. But I still enjoy this course, and I suppose arduino can do another thing that we never think about it. So thank you very much for teacher to offer this interesting material for us.

Homework 12: Arduino Piano Show James, ian

Arduino Piano Show accomplished by James, ian

Homework 11: Arduino LED Show James,ian

Arduino LED Show accomplished by James, ian

Project: Happy Fram 95130385, 95160740

Homework 7: Some Cases Studies

in this homework, the concept of transform() function and rotate() function is a little bit difficult to understand but after reading the pdf file on page 139 140. it seems not so difficult as before. there is one more thing that is really important. rotate(120*PI/180); is a statement in order to rotate the picture regularly.
That's what i learnt this week.

Homework 6: Image Animating Application

This homework is really fun. In this exercise, the picture will move horizontally or vertically. it can fade in or fade out. The last function i don't know how to call it so I put the words - special. Click that the picture will change from big to small.

In this exercise i declare a veriable int mode = 0; so the all function can operate automatically.

That's what i learnd in this week.

Homework 5: Image Browsing Application

(a) image Browsing system

Java Applet: http://icac.no-ip.org/ian/HW5-1/

In this week, we have to finish image Browsing system.

In the beginning, I complete some part of this HW at home, but the program cannot work correctly at school computer! The problem is that when I push the pre or next button, it will not stop in one picture.

So i add this line : frameRate(15);

Then the program works correctly.

I also add some code to display the picture name at right lower corner. I suppose this will look better. the code is text function : text(j+"b.jpg",900,550);

So until now, I feel the HW becomes more challenging, and the program becomes complicated. I hope I can catch up in the future.

Homework 4: Text & Image(Only HW4-1)

(a)HW4-1







Java applet: http://icac.no-ip.org/ian/HW4-1/

In this HW, it continues HW3-2. The main tasks are to display texts on drawing board and to save the content of the drawing board. I felt that displaying texts is alittle bit difficult but it became easy after teacher explained the concept of Pfont and several codes associated with it. So in this week, I learn that:


create PFont and load font then display font:
PFont font;
font = loadFont("CourierNew36.vlw"); // load font
textFont(font); // Set the current text font
text("Size(10)", 25,50); // Write "Size(10)" at coordinate (50,50)

save content of drawing borad: save("x.jpg");








(b)front image

(c) back image

In this week, we also had drawing game.

The result will be used in HW4-2. I am really not good at drawing so I created these two pictures(a)(b), and look foward next week lecture!

Homework 3: Interaction with mouse

(a)HW3-1








Java applet: http://icac.no-ip.org/ian/HW3-1/

This is the homwork extended HW02-3. Before this exercise, I didn't know that the picture made by processing can interact with mouse. This is really cool, especially in this exercise. Actually, it's hard to finish hw at beginning. After teacher gave some hints. This HW became more easy to complete. The most important part I learnt is this code: (mouseX-400)/15 In this code, It controls the moving range of circle. I felt that it's really clever to think of this way to solve problem. We actaully did some calculation to understand this line of code. Finally, we finished this homework. Still feeling this course is fun~








(b)HW3-2







Java applet: http://icac.no-ip.org/ian/HW3-2/

In HW3-2, because of HW3-1, I realized that the pic can interact with mouse. So it not seems hard in this HW. The important part I learnt form this hw is :

draw line: line(mouseX, mouseY,pmouseX, pmouseY);


change line color and build virtual button:

if(mousePressed == true && (mouseX>500 && mouseX<600)>300 && mouseY<400)){>
change line stroke weight: strokeWeight(10);

Homework 2: Repetition

(a) generate 100 rectangles















(b) modify textbook program

(c) simulate picture







In this homework, it seems difficult to write program to generate the pictures above. After reading pdf textbook, it seems easy.

so this week, the important points:


Each program can have only one setup() and one draw().

When the program starts, the codeoutside of setup() and draw() is run.

Next, the code inside the setup() block is run once.

After that, the code inside the draw() block is run continuously until the program is stopped.


so that's all this week!!

Homework1 - ian, 95160740

This class seems really really fun. I am going to post first homework.
Here is the picture i picked up from google
This picture is made up by rectangle, cross line, and diamond, I suppose

As homework requirement, I Simulate the selected picture by using paint in Microsoft Windows . And it seems not really similar.

Finally I use processing to simulate the selected picture.

The line is really straight.

The color is bright.

The cross line is perfect inside the square.

Only needs some calculation to write line.

Here are numbers I use to measure points.

85,45~~ 260.5,45~~436,45
85,200.5~~260.5,200.5~~436,200.5

85,356~~260.5,356~~436,356

Then, the first homework is done.

really enjoy it~