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 ExamplesBuy 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 PresentationsQuestions / Review from last week
Workshop 2: variables, color, random
Assign
Project 1, Part BRead: Getting Started with p5.js
- Variables
- Response
Watch: The Coding Train
Week 3
Due
Project 1, Part BIn Class
Interactivitymouse and keyboard input
map function
Project 1 Part C/Studio time
Assign Project 1, Part C
Read: Getting Started with p5.jsResponse (review again)
Week 4
Due
Project 1 Part CIn 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 BRead: 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 BIn Class
Story presentations by studentsQuestions 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 CWeek 6
Due
Project 2, Part CIn Class
Group Critique / Playthrough NarrativesTranslate Scale and Rotate
For Loops and While Loops Loop exercises and practice
Assign
Project 3, Part A and BRead: 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 BIn 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 ACreate your “website” and upload your sketches.
Week 8
Due
In progress Project 4, Part AMidterm
In Class
Group critique, playthrough pattern projectsLecture on Time and Motion
Animating with Code
Questions about Animation?
Objects and Classes in Javascript
Studio Time
Assign
Project 4, Part B and CRead: 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 developmentRead: 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