1. Create a new Processing file and save it. Design a 1st function code block to generate multiple primitive shapes (e.g., ellipse) positioned at the location of mouse cursor.
2. Create 2nd function generating different shapes along with different pattern through mouse interaction.

3. By dividing the window area into multiple regions (if else statements), assign each function call to one specific region to generate specific shapes only appear in a target area.

4. Add 3rd function to design your own shape.

a) To create your own shape, find any reference image from the web (e.g., Google 'starfish').

b) Review the coordinate of vertices of the shape. To identify the position of vertices of the shape in Photoshop (or any other application, In Paint, click View tab), go to Photoshop menu Edit > 4. Preference > General to switch to Pixel units. Record coordinate (x, y) of important vertices (corner points).

c) To generate a polygon shape. Use beginShape() and endShape() functions to group vertices together.

5. Call your 3rd function inside draw () in a separate section.

6.Create 4th function to load an image. To load an image, use image() function inside your 4th function. Call this function inside draw() to display its effect.

7.Add minimum 3 image filter which can be activated when different keys are pressed. Also, incorporate random( ) function to generate interesting movement (or color).

8.Add save() function to save a single frame as an image. You must include your output image using save() function with your name .

9.Also, add saveFrame() function to store sequential images (screen capture) while interacting with mouse and keyboard;