Prototyping: Instructions {

Grade

• 7% of final grade

Deadline

• One week, see Moodle

If you ever need an extension, contact your instructor at least 3 days before the final deadline.

Objectives

• Get comfortable with starting, coding, and distributing your work
• Develop familiarity with the p5 library and its built-in drawing functions
• Develop an understanding how combinations of drawing instructions create images
• Build confidence in playing with arguments to functions

Deliverables

Three prototypes

Create three distinct, small prototypes that explore the material learned during this week. Each prototype should be build as a separate small project (starting with the template project each time). Make sure you play around with what is possible in terms of different instructions and arguments. There are many ways you could make distinctive prototypes:

• Consider trying to make one representational prototype, one abstract protoype, and one really weird prototype.
• Consider basing each prototype on a distinct set of drawing instructions.
• Consider playing with different colour models via colorMode()
• Consider making prototypes that could serve as static images of interactive work you might want to make later, as if they were screenshots.
• Consider choosing p5 drawing or other instructions at random from the Reference and challenging yourself to use them creatively.

Feel free to borrow from any of the example code you’ve seen so far in the course, but make sure to attribute in you code in the top-level comment. Remember that is your work that will be graded in cases, not starting code you may use.

One journal entry

Write a journal entry in your process journal reflecting on what you learned while making your prototypes. What surprised you? What is cool? What is difficult to understand? What do you hope someone else would get out of your work? Is there anything here you would be interested to develop further? Include at least one screenshot to illustrate your thoughts. (250 words)

How to start a prototype

Remember to take this basic steps to get going:

1. Download the template project
2. Rename that folder, maybe to instructions-prototype-1 or blueberry-swirl (you can always rename it later)
3. Put that folder in your repository somewhere sensible like cart253/prototypes/instructions/
4. Commit and push that change with a message like “Started blueberry swirl prototype”
5. Keep committing and pushing as you go along, being sure to write about what you did and why you did it

Do that three times and you’ll have three prototypes.

What to submit

You should add the following to your class homepage (aka. cart253/README.md):

1. A heading naming the assignment
2. A screenshot and title for each prototype, followed by links to the running prototype and its code in your repository
3. A link to your journal entry for this assignment

You will then only need to submit a link to your README.md via Moodle, see below.

Advice

1. Start early. Don’t delay thinking about this. Start playing around immediately.
2. Start small. Think of the smallest possible version of what you want to make and make that first. Once it works, you can start adding to it.
3. Seek help. Ask for help as soon as you need it either to discuss what you want to do or to figure out a problem.
4. Be stylish. Make sure you read the style guide.
5. Be committed. Remember your grade includes your use of version control and writing good commit messages.

Submission

Submission will take place on Moodle. Go to the appropriately named assignment on the Moodle and then submit your work there.

Your submission should just be a plain text link to your website or to your README.md that contains the links for this assignment, e.g.

Website version: https://pippinbarr.github.io/cart253/

or

Repository version: https://github.com/pippinbarr/cart253/

🔥 Make sure all your links work before you submit 🔥
🔥 Make sure that you have commented your project before you submit 🔥

Evaluation

Read the assignment rubric on Moodle for precise details.

---

}