Homework 5: Image Browsing Application

HW05: Write a simple image browsing system. Any front image can be concatenated with any back image to produce unexpected results. A demonstrative example is shown in Page 198 in the PDF file.

Homework 8: Image Animating Application with Keyboard

HW08-1:
Write a simple image animating system with at least six effects such as horizontal movement, vertical movement, zoom in, zoom out, fade in, and fadeout.

The effects of zoom in and zoom out can be controlled by key "B" and key "S" respectively.
Go to Page 225 to Page 227 to learn methods to interact with the keyboard.

HW08-2: Cat and Mouse Game.
1. Select two images. One for "cat" and the other for "mouse."
2. Locate the cat and the mouse in your picture randomly.
3. The cat can be moved up, down, left, and right one step when you press keys of "w", "x", "a", and "d" respectively.
4. When positions of the cat and the mouse are overlapped, the mouse is dead and the size of cat is increased, and a new mouse is generated in another location.
5. The game is over when the cat catches 10 mouse.    

Homework 9: Some Cases Studies

HW09-1: Coordinate system translation
Write a processing program drawing the following picture.

*Go to Page 139 in the PDF file and learn the functions of translate() and rotate().




HW09-2:
Extend the code of HW09-1 to be a rotating fan with 10 rectangles.


HW09-3: Storing mouse data in Arrays
Trace the code 33-15 located at Page 307 and Page 308.
Extend the code such that the all circles with different colors.

Homework 4: Text & Image

HW04-1: Extend the result of HW03-2 such that you can display texts on the simple electronic drawing board and save the content of the simple electronic drawing board to a JPEG file.

*Go to Page 111 in the PDF file and learn the functions of texts in Processing.*Go to Page 368 in the PDF file and learn the save function of images in Processing.

Homework 3: Interaction with mouse

HW03-1:Extend the result of HW02-3. Each cell in the above picture can be considered as an eye. Write a processing program to let these eyes can trace the mouse of your computer, i.e., the locations of ellipse are determined by mouseX, and mouseY which are two keywords of Processing recording the X-coordinate and Y-coordinate of your mouse.

The goal of this homework is to develop a processing program which can interact with your mouse.
*Go to Page 206 in the PDF file and learn the elementary functions of mouse in Processing.

HW03-2:Write a simple electronic drawing board with size of 500*400. You can draw lines by using your mouse with different five colors and three different stroke size.

The goal of this homework is to learn pmouseX, pmouseY , buttons, and save images in Processing.
*Go to Page 208 in the PDF file and learn the elementary functions of mouse in Processing.

HW2: Repitition

HW02-1:
(a) Write a processing program to create a picture with 100 rectangles whose sizes, colors, and locations are randomly generated by your program.

(b) Write a program to generate the above picture every second.* Go to Page 176 of the PDF file to learn the continuous structure of Processing.
The goal of HW02-1 is to learn functions of setup(), draw(), loop() and random().
HW02-2:
Run the codes in pages 65-67 and modify them to create your own picture.
The goal of HW02-2 is to learn nested for loops.
HW02-3:
Write a processing program to simulate the following picture. The size of the picture is 800x600 and it can be divided into 12(=4x3) cells with size of 200x200. Each cell includes 3 ellipses with different colors and size.

HW1: Geometric Painting with Processing

1. Search pictures in the Internet by using keyword of geometric painting.
2. Select a favorite one from the above results.
3. Simulate the selected picture by using the painting tool in Windows.
4. Write a processing program to simulate the selected picture.

---------------------------
The referenced PDF files are located at
moodle.mcu.edu.tw

*Go to Page 24 (or 51) in the PDF file and learn the elementary functions of Processing.
*Search the file with the keyword 'color' and find the way of coloring in Processing.