Syllabus .   Assignments .   Schedule .  Resources .


Schedule


(Schedule is subject to change. Check back here for updates)


Week 1 

In Class

Hello!
Course Overview & Syllabus
What is p5.js / creative coding?
What is Javascript (not Java!)
Code Art Sampler
Human Fax Machine
Programmer / Computer Exercise
Discuss what students would like out of the class.
Workshop 1
Getting set up
Basic shapes

Assign

Four Examples
Buy Getting Started with p5.js book.

Project 1, Part A

Read: Getting Started with p5.js
  • Hello
  • Draw

Watch: The Coding Train
  • 1.1 Introduction
  • 1.3 Basics of Drawing
  • 1.4 Color

Sign up with p5.js online editor



Week 2

Due: Project 1, Part A

In Class

Four Examples Presentations
Questions / Review from last week
Workshop 2: variables, color, random

Assign

Project 1, Part B

Read: Getting Started with p5.js
  • Variables
  • Response

Watch: The Coding Train



Week 3

Due

Project 1, Part B

In Class

Interactivity
mouse and keyboard input
map function
Project 1 Part C/Studio time

Assign Project 1, Part C

Read: Getting Started with p5.js
Response (review again)




Week 4

Due

Project 1 Part C

In Class

Share and demo our faces - Critique
Working with text and images in p5.js.
Conditional Drawing workshop
If and Else Statements
Boolean Variables

Assign

Project 2 Part A and B

Read: Getting Started with p5.js
  • Media

Watch: The Coding Train
  • Intro to Conditional Statements
  • Else, Else If, And and Or
  • Boolean Variables

Read:
  • A field guide to debugging



Week 5

Due

Project 2, Part A and B 

In Class

Story presentations by students
Questions from last week
Review If Else Statements
Review / Rewatch
Intro to Conditional Statements
Else, Else If, And and Or
Boolean Variables
Non Linear Narrative Sampler
Studio Time for Part C

Assign

Project 2, Part C



Week 6

Due

Project 2, Part C

In Class

Group Critique / Playthrough Narratives
Translate Scale and Rotate
For Loops and While Loops Loop exercises and practice

Assign

Project 3, Part A and B

Read: Getting Started with p5.js
* Variables (focus on loops) * Translate, Rotate, Scale

Watch: The Coding Train * While and For Loops * Nested Loops
Watch: The Bouncing Ball Thtorial: here


Week 7

Due

Project 3, Part A and B

In Class

Project 3, Part B studio Time.

Presentations

Questions from Last week?
Making Code More Modular
Functions
Functions with Arguments
Functions that return

Midterm: Use a FTP Server to upload your sketch. Your “Website”.
Demo

Assign

Project 4, Part A
Create your “website” and upload your sketches.


Week 8

Due

In progress Project 4, Part A
Midterm

In Class

Group critique, playthrough pattern projects
Lecture on Time and Motion
Animating with Code
Questions about Animation?
Objects and Classes in Javascript
Studio Time

Assign

Project 4, Part B and C

Read: Getting started with p5.js
  • Motion
  • Objects

Watch: The Coding Train
  • Javascript Objects
  • Functions Inside of Objects
  • The Constructor Function



Week 9

Due 
Project 4, Part B and C

In Class
Group Critique of Project 4

Assign

Final Project: Write proposals + Begin development

Read: Getting Started with p5.js
  • Arrays

Watch: The Coding Train
  • What is an array
  • Arrays and Loops


Week 10

In Class

Review Arrays and Objects
Share Project Proposals
Studio Time

Assign

Continue working on the Final Project


Week 11

Nov 23 Holiday Break 
You are required to schedule a 1 on 1 meeting with me for the week after


Week 12

In Class

Questions?
Studio Time/Individual Meetings

Assign

Continue working on the Final Project


Week 13

In Class

Possible Lecture on Three.js of External JS things. Buying Domains?  Continuation of Midterm.

Assign

Work on Final Projects


Week 14 

In Class

Final Projects Due + Critique
 
© amandastojanov.com, all rights reserved.