Creative Coding: Art and Games

Menu

Skip to content
  • Fall 2020 Syllabus
  • Student Blogs
  • Resources
  • Fall 2020 Homework Assignments
  • Fall 2020 Notes and Code Examples

Fall 2020 Homework Assignments

In addition to being posted on blackboard, all homework assignments with assigned and due date will be posted here.

Week 14

Final Project

Using p5 create an interactive ‘game’ or art-game based project. This can include any modes of interactivity we have discussed so far (mouse and keyboard) and must include at least one type of media (image, audio, video, camera, text, etc).​

Key Points:

  • Conceptually-Driven​
  • Tightly Focused​
  • Developed over a period of time​

Just as with the midterm project, the open-ended nature of the prompt is supposed to allow you creative freedom in developing a final that aligns with your interests. If that seems overwhelming you and I can spend some time together in conversation to narrow possible ideas or land on a concept. Your project should be critically engaged and reflect the breadth of programming topics we have covered this semester. This is your opportunity to show me how you see code as a tool for producing creative work, and as during the midterm idea development and experimentation are just as important as getting everything to work correctly. 

You are also welcomed to find example code to help either with your ideas or with your execution, but you should be able to understand and explain what is happening in the code and tweak it for your own uses. ​

ANY CODE (and media sources) YOU USE SHOULD BE DOCUMENTED AND GIVE CREDIT TO THE ORIGINAL SOURCE MATERIAL.

The presentation grade includes both your demonstration in class during finals December 22nd and your write up on the blog. This should be of sufficient length and detail to demonstrate that you understand your concept, project, and how you managed to bring the pieces together. Your documentation should include a link to your project.​

I can help adjust your code, but I will minimize the amount of code I am writing for you. Come with clear questions for me to answer!​ I will have additional availability for office hours through December to help with the project. 

User Testing for Finals

On Tuesday, December 8th, we will be user-testing your projects.​

What this means:​

  1. You should have a rough version of your project completed to allow your classmates (and me) to try using it​
  2. You should take notes on feedback given to your project and incorporate it into your final project

Week 12

Assignment 9: Final Project brainstorming – (due November 24th)

Take some time over the weekend to begin brainstorming for your final project. Include a general description of your idea for the project and answer these questions as best as you can:

1. Would you rather make a GAME, INTERACTIVE ART, or somewhere in between?​

2. What resources (media files) will you need to begin accumulating?​

3. Are there any example projects you have seen that will help you in finalizing your project?​

4. What will you try to prepare for our USER testing day on Dec 8th?

Week 10

Assignment 8: Circuits (due November 10th)

Using tinkercad, create a circuit that has some input (button, sensor) that controls an output (LEDs, Sound, Motor).

  • Describe your circuit as best as you can.
  • How is the code similar to the p5 work we have created already?
  • How is it different?

Week 6

Assignment 7: Objects (due October 13th)

We are going to experiment using objects (class, method, etc) to extend our options.

Make two of your own objects. One object should be have its own name (like we saw in class).
The second object should use an ARRAY to make a large number (10plus). Take a look at the example.

Any central idea will work (text, shapes, images, characters) and I leave that idea up to you. This is just an attempt to experiment with the code. Bring your questions next week so that we can help solve problems. 

Week 5

Assignment 6: Multiples (due October 6th)

Using for loops, arrays, and push()/pop() create a series of moving drawings on the screen. ​

Feel free to shift the size, color, shapes, or any other properties you can imagine (stroke, text, etc)​

Bonus next steps: Allow your user to add to the arrays (mousePress, keyPress?) 

Week 4

Assignment 5: Algorithmic Bias Reading Response

Read this Vox article  Why algorithms can be racist and sexist ​ 
​ 
Watch Joy  Buolamwini   “How I’m fighting bias in algorithms”  if you already didn’t  earlier this semester​ 

  1. Where do we see examples of algorithmic bias around us? ​
  2. Had you heard of any of these examples?​
  3. Does this change our perception of computers (infallibility, certainty etc)?​
  4. How can we use awareness of this issue to make better choices, decisions, or share?​

POST YOUR ANSWERS TO YOUR BLOG. We will start class next TUESAY SEPT 29th with a discussion about this.

Week 3

Assignment 4: Interactivity (due progress post due Sept 22nd, final due Sept 24th)

Create an ‘interactive’ project using the keyboard and mouse code we looked at during class both 9/15 and 9/17. This could include a drawing simulations, a rudimentary ‘game,’ or an ‘art project.’ We will work together on these in class on 9/22 to get to a slightly more sophisticated project.


Blog posts are due on 9/22 (progress) and 9/24 (final, explain the project including what you set out to do, and what you accomplished.)

Week 2

Assignment 3: A bouncing ball (due Sept 15th)

Using the bouncing square code we started in class, make your ellipse (or another shape) bounce off the left and right side, and the top and bottom of your canvas. ​The code from class can be found here.

In addition, your shape should change colors as it hits the sides. ​How the colors shift is entirely up to you.​

Feel free to make your ball go as fast or slow as  you want, but too fast and we won’t be able to see it move at all.​
​
HINTS TO HELP YOU:​
1. Follow the same steps, using Y variables​
2. Try creating a variable for the individual colors (r, g and b)​
3. More than one thing can happen in a conditional

Week 1

Assignment 2: p5 Drawing (due Sept 8th)

Using p5 and the functions we discussed in class (ellipse, rect, fill, stroke, triangle) create a drawing. This could be a landscape, a set of logos, a self portrait, etc. This drawing need not be overly complicated but should include several shapes in order to get a feel for the basics of using the coordinate system. Include a screenshot of your drawing as well as of your code in your blog post describing your process for creating the drawing.

Read E.M. Forster ‘The Machine Stops’ and answer a few questions:

  • Did anything in this story feel familiar? Did anything seem distant or difficult to understand?
  • Why do you think we would we read such a story in a computer programming class?

Assignment 1: Blog and Creative Tech (due Sept 3rd)

Due Sept 3rd Creating your Blog: Using wix or wordpress, create a website to post all of your creative coding assignments. If you already have a blog/website, create a separate section specifically for Creative Coding alone. Submit the resulting link to blackboard so that I may copy it to the student blog section of this website. See this video for help in this process.

Widgets

Recent Posts

  • First class: Welcome!

Recent Comments

    Archives

    • January 2019

    Categories

    • Uncategorized

    Meta

    • Log in
    • Entries feed
    • Comments feed
    • WordPress.org
    Proudly powered by WordPress | Theme: Illustratr by WordPress.com.