Week 1: JavaScript and p5

Agenda:

Weekly Overview
Assignment Review
JavaScript
p5 and Processing
Drawing in p5
Assignment 1.0: Stick Figure
Assignment 1.1: Landscape

Overview:

This week we will talk about JavaScript, and how it manipulates HTML elements in the DOM. We'll then go over an introduction to p5, and explain how it extends the functionality of basic JavaScript. Finally, we'll go more in depth on some drawing methods for p5.

Resources:

Shiffman - 1.1 Introduction - p5.js
Shiffman - 1.3 Basics of Drawing - p5.js
Shiffman - 1.4 Color - p5.js


More Advanced:
Shiffman - HTML/CSS/DOM

Preview for Next Week:
Shiffman - 2.1 Variables in p5.js - p5.js