CSc 101: Simple Drawing

Before you start this assignment you should read Chapters 1,2, and 3 of the textbook.

This assignment should be written in the Processing programming language. You should only use Processing features that we have discussed up to this point. If you have questions about whether or not a particular feature can/should be used, ask the instructors! You may use any Processing version 3.0 or newer.

In this assignment, you’ll be writing a few small and simple Processing programs that display simple shapes and drawings.

Four Edges

Write a Processing program that displays a canvas that looks just like the following.

A few guidelines:

• The window should be 400 pixels wide and 400 pixels tall
• Each shape should show up in the positions as show
  • The shapes should not be touching the edge of the canvas (they should have a 20-pixel buffer)
  • The shapes may not touch each other (except for the triangle tips)

Name this Processing program four_edges.pde.

Target

Write a Processing program that displays a canvas that looks just like the following.

A few guidelines:

• The window should be 400 pixels wide and 400 pixels tall
• The edge of the target should not touch the edge of the screen, but should be close!
• You should use three ellipses and one rectangle

Name this Processing program target.pde.

Funky

Write a Processing program that displays a canvas that looks just like the following.

A few guidelines:

• The window should be 300 pixels wide and 300 pixels tall
• You should use one ellipse, one rect, and one triangle.
• The shape should be centered on the screen, and all shapes should be the same size / position as in the image.

Name this Processing program funky.pde.

Tic Tac Toe Pic

Write a Processing program that displays a canvas that looks just like the following.

A few guidelines:

• The window should be 600 pixels wide and 600 pixels tall
• The order that you draw the shapes in is important!
• The bars that make the board should be rectangles, not lines!
• The vertical bars should be on-top-of the horizontal ones
• There should be two Xs (drawn with lines) and two Os (drawn with an ellipse) on the board, in the same locations as what is shown in the picture.

Name this Processing program tic_tac_toe_pic.pde.

Submission and grading

The assignment is due on Sep/6/2024 at 11:00pm.

Turn in each of the files described in the specification (4 pde files in total) to Gradescope before the deadline. Do NOT upload screenshots, we need the ".pde" files to run your programs.

Note: You can submit your files multiple times before the deadline. But for your final submission, you must drag all of the four files into Gradescope at the same time!

Make sure to name the files exactly as this document specifies. In general, make sure to follow these instructions precisely. If you don’t, we will deduct points!!!

Remember, you should turn in your actual code file, not a screenshot of the result! If you don’t know how to do this, ask me or one of the TAs.