top of page

ICM Week 1 HW Assignment

Updated: Sep 9, 2021


Homework assignment due Wednesday, Sept 8, at 11:59pm:


gif

​Create a p5 web editor account.


gif

Have a place online to post your homework with the ability for me to provide support and feedback comments. This could be a website / blog or even a Google document. If you’re not sure what to use, please reach out to me so I can help. I will comment directly on your website / blog / Google document only, instead of email or another means, so please ensure to enable a commenting feature.


gif

​WATCH (BEFORE EXERCISES) • Coding Train Videos 1.1-1.6 about p5, the web editor, drawing with p5, errors in the console, and code comments ~1hr 20min


gif

TEST YOURSELF • Complete the practice questions in Week 1 Exercises.

  1. Sketch on Paper


2. Target Sketch

3. Initials Sketch




gif

​CREATE • What are ways that we can draw on the HTML Canvas element with p5? Use 2D primitive shapes and basic color setting functions to create your own p5 screen drawing: a self-portrait, alien, animal, etc. Be sure to consult the p5 Reference! Add comments to your code to describe the different parts, e.g. eyes, nose, mouth, etc. Write a blog post that includes a link to your sketch.



gif

Write a blog post that includes a link to your sketch. Answer these questions in your post:

  1. What did you do?

  2. What worked?

  3. What didn’t work, and what steps did you take to try to solve the issue?

  4. Did any code-related questions come up for you

I like designing with a balance of symmetry and asymmetry; here we have an orange figure floating in from the top of the frame that is just a noFill square with a thick strokeWeight. The 'oculus' elements are centered on each other, but the sly 'grin' is twisted out of place.

I want to get into drawing wiggly squiggly lines, which is what I really wanted to draw in this exercise. Alas, we are not there yet. When I sat down to think about what I wanted to draw, it was way too complicated to reproduce with 2D primitive shapes.

However, the arc function confused me a little bit. I don't quite understand the different properties that it's asking for, and how the angles change. I took the angle start and finish to mean 'degrees in a circle,' assuming that this arc is a segment of a circle. But it's actually angled degrees? I don't fully understand the reference text. I did, however, work with what I could figure out.


UPDATE: I figured out my confusion.

arc(180, 250, 60, 40, HALF_PI, PI);

Here, I'm making an arc from an ellipse, not a circle :)

duh!


gif

In the same post, describe how computation applies to your interests. This could be a subject you've studied, a job you've worked, a personal hobby, or a cause you care about. What projects do you imagine making this term? Are there projects that you love? Here are some examples to explore for inspiration if you need them. Submit your post in Week 1 Exercises.


I think my love for coding/computation stems from HTML graphic backgrounds and layouts in NeoPets and AIM Messenger in the early aughts. Since then, I've dabbled in Processing and Arduino computation, and have hacked together personal websites that I'm proud of.

I have no expectations of what to make this term! I'm both excited and open to whatever new ideas arise, and entirely uncommitted to a pre-existing project. However, I want to gain a robust programming skill set that I can use in daily practice in both digital and physical space.

I love a lot of things, including Andrew Schneider's work, Danny Rozin's work, the work of TeamLab, the work of Sam Lavigne, and more.


I'd like to use code in a capacity that can change the world.




gif

WATCH (AFTER EXERCISES) • Coding Train Videos 2.1-2.5 about variables, random(), and map() ~1hr


30 views1 comment

Recent Posts

See All
bottom of page