Course Review

Interactive Media is a course that involves Processing and Arduino, in this course we started learning how to program in Processing, following we learnt how to program the Arduino board from the IDE of Arduino, and then finally, we combine Processing and Arduino, either to send serial data from the hardware to the computer, send data from the computer to the Arduino board or both.

First we start from the very basics on the Processing software, we learnt about the environment, how to use void setup() and void draw(), then we continue programming homework to get to understand more and more of how this software works; we kept on practicing, until we were able to create a project at the middle of the semester.
My favorite homework was indeed the Processing project, I made the IM Synthesizer, and I am happy to say that my project was the number one. With this project I learn many things about Processing; I imported soundchiper library to retrieve the midi sounds, I learn how to create the effect that the user is clicking a button, how to manage arrays and several mouse events according to the key that the user is supposed to play.
Last but not least, I think that programming the Arduino board is very interesting, plus is a very fun piece of hardware; I have learn several useful techniques that will help me in the future.

In conclusion, at this point I believe that this is one of the most interesting courses that I have taken here in Ming Chuan University, because we can actually program a piece of hardware and combine it with Processing software. I will encourage the sophomore students to get the most of this course next year, and I will say Thank You Professor for this semester.

LED Show

HW12_4: Arduino Piano Show

http://www.youtube.com/watch?v=YpqgxUNdRMY

HW9 Processing Project

Link to the Project:

http://ss24.mcu.edu.tw/~s6470053/project/

HW 9: IM Synthesizer Poster

Here is link:

http://ss24.mcu.edu.tw/~s6470053/hw_7/

In this excesise I actuallty had a lot of fun, because after I finished the homework I started to change some stuff in the code and finally I got the result from the link.

In this homework I learn how to rotate and translate a figure to different places in the screen, and also I have learn about how to use the radiands to change the angle in the rotation; and with a the void draw() I was able to make it move clock wise.

Homework 6

Here is the link:

http://ss24.mcu.edu.tw/~s6470053/hw_6/

This was a very challenging homework, because while I was coding it, I encounter various problems, however, with the things I have learn in the class, and other knowledge from former programming I was able to overcome the problems and finish the homework.

In this exercise I choose 7 different effects or animations:

1: Zoom in

2: Zoom out

3: Vertical movement

4: Horizontal movement

5: Fade in

6: Fade out

7: Bounce

and each one of them are available in a menu in the upper right corner, then when you click on the number will execute the animation.

The biggest problem that I had is that I needed to keep pressing the mouse click to the effect to execute, but I declare another variable "op", that works as a flag, so when is true will execute the effect; another problem was the initialization of the variables so the effect can be perform more than once; and this was simpler to fix, just with an "if" statement to set the variables to their initial value.

Homework 5_1

Here is the Hyperlink:
http://icac.no-ip.org/josue/hw_5_1/

I am very happy with the results of this homework, because I overcome several bugs that I have at first, for example I understand more about the frameRate() so I fix my program.
I also kept on practicing my skills in using mouse actions like the buttons NEXT and PREV.
In my program I have for IF statements so I can decide when to change from to the next or previous image, I have global variables for the images.
In conclusion I learn more about the PImage object.

Homework 3_2 and 4_1

Hyperlink: http://icac.no-ip.org/josue/hw_4_1/

In this homework I've learned about saving images, at first I have the problem that I will only by able to save one image because it has the same name, but then with a variable has a counter I manage to make several *.jpg files; I have also learn tricks to improve or solve some bugs in my program, like having limits so the pencil won't draw in specific places, so I don't have the problem of my strokes changing color and sizes.

I really enjoy this program and I am looking forward about how much I will keep on learning in this course.

Homework 3: Interactive with mouse

Here is the link to get the source code:

http://icac.no-ip.org/josue/hw_3_1/index.html

In this homework I encounter several difficulties, that I assume are due because of the computer that I was using in the lab, because as soon as I write the program again in my house it worked perfectly, I have learned more about nested loops, and these ones were really helpful for me to complete the eyes faster; I have also learned about mouse control, with mouseX, mouseY, and practice more about having a wide understanding of the space where I am working on, in this for example the size(800x600), and learn how to make the mouse movement just in the zone that the homework required.

Hw 2 Josue, 96470053

In this Homework I learned more useful tools like dividing my code in parts void setup(), void draw and void loop(). Moreover I've learn the use of nested loop in Processing, that I believe that are almost the same as in C or Java. Therefore I was able to acomplish the Homework successfully and trying different kinds of commands in Processing; I also had some difficulties during the coding, however with a little bit of reading the PDF file, I was able to understand my mistakes and correct them.

Homework 1 Josue, 96470053

Image made by Processing

Simulated Geometric Paintings

Original Geometric Painting

I think this course is going to be a great help for my understanding of GUI, and at the begining I had some troubles with making the picture look the same has the original one, but after thinking for a while, I get to the solution, and that was to doing the picture in layers, as if I was working in any picture editing software.