Due: Tuesday 9/22 10:00am

Submission name: w05_lightning

Important notes:

• On Tuesday, we will have a quiz, the quiz will cover:
  • Variable types
  • Writing functions

For this assignment, you may want to refer to:

• Processing’s documentation for while
• Processing’s documentation for random
  • It is important to note that random returns a float, but line only works with int arguments. To convert you can do this: int(random(0, 10)).

Make a lightning function

Write drawLightning:

• Use the following function header: void drawLightning(int x, int y, int numParts)
• The function should draw numParts connected lines starting at (x, y).
• Each line should start at the previous (x, y) coordinates and end at random coordinates with the following restrictions:
  • The next x coordinate should be an int in the range [x - 5, x + 5).
  • The next y coordinate should add a random int in the range [y + 5, y + 20).
• Use a while loop to draw the appropriate number of lines. Do not worry if your lightning bolt goes past the bottom of the screen or doesn’t make it all the way.

Write a setup function

setup should:

• Set the screen size to 500x500.
• Run drawLightning at least 5 times.

Optional modifications

• Play around with stroke and strokeWeight to make better looking lightning bolts.
• Use random in conjunction with stroke and stokeWeight
• Add other features to make the image more interesting.
• If you create an interesting lightning image, save it (as a png or jpeg), and share it on piazza, use the tag nextjourney.

Due: Thursday 9/17 4:00pm

Submission name: w04_flag

Make a team flag!

• Group up with your TableBuddies+™.
• Share your logo program with each other.
• Design a team flag that incorporates the designs from each members logo/avatar/pet from the previous assignment.
• Write a processing program that draws the flag, using the functions your teammates created, adding features as required.
• At this time, only one team member should upload the assignment to their repository. We will deal with code sharing later.

Due: Wednesday 9/15 10:00am

Submission name: w03_logo

Make a Logo Function

• Recreate your drawing from Work 02, but turn it into a function.
• “How?” you say? Follow the example below. Tomorrow we will go over what is actually happening.
• You’ll notice submission name at the top of this assignment. From now on, you should save all your programs using that name, exactly. For example, today’s work should be saved as w03_logo.

Setup Your Main Work Repository

This can only be done after I have told you that I’ve created the repositories, I will do this during class

• Check your GitHub notifications (top-right area next to your gh avatar image) for an invitation to a new repository. The repository will be named PD-GH_USERNAME-work (e.g. 08-stuydw-work).
  • If you don’t see a notification, check your email.
  • If you don’t see an email, attempt to visit the repository in your browser, the link will be https://github.com/apcs-dw/REPO_NAME. replace REPO_NAME with your repository name.
• Upload your processing program to the repository.
  • For the moment, do so by selecting Upload files under the Add file button. You can then drag & drop your program in.
  • Processing programs are saved as folders, upload the entire folder.
  • If you modify your code at home, you can upload just the w03_logo.pde file inside the folder. GitHub will overwrite the old file.

Making & Using a Function

This is a general template you can use for this assignment. Replace the comments with your specific code.

void setup() {
  size(500, 500);
  //CALL YOUR FUNCTION HERE
}

void drawLogo(int x, int y) {
  //YOUR DRAWING CODE HERE
  //You do not need to declare x and y
  //since they are in the function header.
}

As an example, if your logo code looked like this:

int x, y, logoSize;
x = 250;
y = 250;
logoSize = 100;

fill(255, 0, 0);
circle(x, y, logoSize);
fill(255);
circle(x, y, logoSize * 0.66);
fill(255, 0, 0);
circle(x, y, logoSize * 0.33);

The function version would look like this:

void setup() {
  size(500, 500);
  drawLogo(250, 250, 100);
}//end setup

void drawLogo(int x, int y, int logoSize) {
  fill(255, 0, 0);
  circle(x, y, logoSize);
  fill(255);
  circle(x, y, logoSize * 0.66);
  fill(255, 0, 0);
  circle(x, y, logoSize * 0.33);
}//drawLogo

Due: Tuesday 9/15 10:00am

Make a Logo

• Design a logo/avatar/pet. That should fit within a 200x200 pixel area.
• Write a processing program that draws your logo, using variables for all the shapes so that the logo is not anchored to a specific location.
• Make your screen size 500x500 when testing.

Due: Monday 9/14 10:00am

Create Your First Processing Program

• Create a processing program that draws something cool!
  • Make liberal use of the processing library documentation
  • I suggest looking at the 2d Primitives Section, as well as the Setting Color Section
• Use at least 5 drawing functions.
• Change the fill or stroke color at least once.
• We will discuss how to submit this in class next week. If you want to access this program in class on Monday, you can try creating a repository in GitHub and uploading your program there.
  • While not a requirement, it is a good opportunity to investigate GitHub and see what makes/doesn’t make sense so we can have a productive discussion about it on Monday.

Due: Monday 9/14 10:00am

1. Please fill out the student info form found here: https://docs.google.com/forms/d/e/1FAIpQLSdF10VnMPNmH_KYaDKZxT8ZQoZGgTCQMvcxVVK39mUjs-xgaw/viewform?usp=publish-editor
2. You will need a GitHub account in order to submit work for this class. If you don’t have one already, go to https://github.com/ and create one.
3. Read and acknowledge the Stuyvesant Computer Science Lab and Network Usage Policy