Topic outline


  • Day 1:

    • Introduction to programming
    • What is creative coding?
    • Syntax in JavaScript and p5.js
    • Screen coordinate system
    • Program flow: setup() and draw()
    • Introduction to functions
      • Drawing primitive shapes
    • Introduction to input: mouseX, mouseY
    • How to debug?
    • Borrowing code
    TO DO:
    • Sign up for p5.js web editor
    • Fill Starting Level Questionnaire
    • Share your coding creations on Week 1 Showcase!
    •  Post an interesting computational project to the Creative coding inspiration forum
      • Write a couple of words why you find the project interesting

      Day 2:

      • Variables
      • Animating
      • Logic, boolean expressions and conditional statements
      • More input: mouseIsPressed, keyIsPressed
      TO DO:
      • Share your coding creations on Week 1 Showcase!
      • Weekly reading I
      • Coding Assignment I

      • Questionnaire icon
      • Forum icon

        Post an inspirational project / artwork / website that you think is related to creative computation. Explain in a few sentences why you find it interesting. Also reply to someone else's post!
        (Tip: Check out the Resources and References section for inspiration)

      • Forum icon

        Share your creative coding creations here!

      • Assignment icon
      • File icon

        McCormack et al. (2012): Ten Questions Concerning Generative Art.

      • Forum icon

        Discussion about the the Weekly Reading I: McCormack et. al. (2012): Ten Questions Concerning generative art

        Pick one of the questions in the article. What do you think could be an answer to that question? Do you agree with the writers of the article? Post your answer here (~2-6 sentences) and comment on someone else's post.