2.1 Processing Review & New Assignment

Save as ReviewAssignment1 to your current month’s folder.

Part 1 Shapes

1A The really simple stuff

Create a new Processing window with a width of 800 and a height of 600

• Draw 2 squares.  Each square must:

• be a different size
• have a different stroke thickness and a different stroke colour
• have a different fill colour

1B (includes new stuff) Rounded rectangles, Arcs and Ellipses

• Link to the following code and then read about how to round off the corners of a rectangle. https://processing.org/reference/rect_.html 
• Draw a ghost by rounding off the top corners of a square (new square or change one of the first)
• Draw two eyes on your ghost

Part 2 Text and Fonts

2A. Fonts and Text

• Add a font to your sketch

• In one font tell the user to type their name and then hit enter. (we will learn this soon)
• Once complete have the program print (using your font)

“ShelterBox

Needs Your Help”

2B. Images

• Add two pictures (the ShelterBox logo and one other picture from their site), making them small enough to fit in the remainder of your window. . Remember that you must import your images into your project.  To do so: sketch… add file

Part 3: mousex and mousey

• Use mousex to effect the location of anything on your page
• Use mousey to effect something else on your page

Extra Challenge

Link to the following tutorial and then read about the basic arcs http://www.processing.org/tutorials/curves/

Then draw a smile or frown on your ghost (for the smile, try:arc(xlocation, ylocation, 50, 50, 0, PI);

Need Help

Key examples on the T: Drive include:

• ShapesExample
• Ex5_Fonts
• Pictures

Go to: Processing.org/tutorials          OR        just google it in processing