Course review

In the Interactive Media’s class, first of all, I learn about simple function of setup(), draw(), loop() and random(). It’s like JAVA class, but it can use the programming to draw the picture. We were assigned a simple task in the first week. We only use processing software, and we make the pupils of the eye move along with the mouse, then we defined of the location.
When we progressed this semester, we have many interactive programs with processing, for example, drawing and paint application let the program to animate any pictures.
Besides, we have a quiz and must to create a fan, we learned the rotating function and how it applies of the objects that we draw. In the beginning, we created lines to draw a square. Before the quiz, teacher let we practice to design three squares with colors in the frame. During the quiz I face the problem that an animation to simulate a fan motion. So I lose the key point then it cannot run.
For our project, Vivian taught me a lot that I thought was difficult to do in the program. Than we decide to create a game like the Dance Dance Revolution (DDR). We create 26 letters than use the button to click the letter. After processing, we combine the Arduino and Processing. Later we decrease the button to four, including red, green, blue and yellow button. Finally, Vivian thought the program can use array function to control every square and finish the project. The Interactive Media Design course is a new challenge for me. However, I will learn about more interactive media in the future.

HW12--95160111(Piano)

Piano show :Vivian and Peggy

HW7--95160111--(Cases Studies)

Comment:
In this week,I learned about translate function.
We can manage to positionable the squares in that order.
That is how to change the X and Y coordinate of an object.
Than it a math question that calculate
the "PI" in the X and Y coordinate:

fill(255,0,0);
stroke(255,255,0);
rotate(120*PI/180);
rect(0,0,150,150);

In addition,I understand to make some motions using "FrameRate".
But the program is interesting to do.

HW6--95160111--(Image Animating Application)

Comment:
In this exercise, the picture will move
horizontally or vertically and
it can fade in or fade out.

It is difficult to control this part,
for example is that the picture horizontal:

if(mode ==0 && 150+i<550)
i=i+20;
else
mode=1;

if(mode ==1 && 150+i>0)
i=i-20;
else
mode=0;

Besides, Ian told me can use a variable int mode = 0;
to operate and that it automatically. This program that
me thinking of how I could control the effects that I chose.

HW5-01-95160111 -- Peggy( Image Browsing Application)

HW5-01

http://icac.no-ip.org/Peggy/HW5-1peggy/

(a)01.jpg















(b)02.jpg
















(c)03.jpg















In this week, I have to finish image Browsing system. "frameRate(1);" it let the picture speed change and the the picture work get smoothly.Besides, the draw function i put

front=front+1;
back=back+1;
if(front>20)
front=1;
if(back>20)
back=1;

imgFront = loadImage(front+ "f.jpg");
imgBack = loadImage(back+ "b.jpg");

Let pictures from my classmate to do can move one by one. Until now, I feel the exercise becomes more challenging,I hope I can get better and learn more in the future.

HW4-95160111 -- Peggy (Text & Image)

HW4-01














In this homework, I finished to draw and save a file with Processing. This week I am knowing more detail about the setup function and the draw function. During this work i have more bugs, and my partner help me a lot and teach me more ways to solve the problem.

This is create PFont and load font:

font = loadFont("TheSans-Plain-12.vlw");
textFont(font);
textSize(12);
fill(225); rect(300, 0, 50, 50); fill(0); text("size 5", 305, 25);

save content of drawing board: save("draw.jpg");

HW3- 95160111 -- Peggy ( Interaction with mouse)

HW3-01


















http://icac.no-ip.org/peggy/hw3-1peggy/applet/


HW3-02

Last cheaper to know how to use the basic function.
Then now i learn more how to use PmouseX, PmouseY and the buttons.
So interest about let the picture move and make like amimation.
And the HW03-2 is like the print board create the now function "save".
It is get more harder and harder as me but it get more interest :)

HW2- 95160111--Peggy

HW2-1



HW2-2















HW2-3

















comment: Last time i went to other class and did not choice this course,
so it's a new class for me. And i think is so interest to use code drawing
a picture. I learn about functions of setup(), draw(), loop() and random()
and so on. Besides, this is a good challenge to learn more programming
and design more things.