SAIC | ATS 3135 | Interactive Art and Creative Code

Week 1 : Hello World(building)!

classtime agenda

Introduce ourselves
Set course expectations
Introduce course website, materials, schedule, about
Read together "Why Aesthetic Programming?" Winnie Soon and Geoff Cox
Introduce p5*js programming environment for artists
complete intro survey: https://forms.gle/GYkPmqSpg8Yqm3Xd9"
Sign up for p5*js editor
Make our first sketch

Homework

Coding Sketch

Here is where an assignment would be if it were due today. Since it's the first day of class, we won't expect anything here. Take a look at week 2 for your assignment.

Readings

Make: Getting Started with p5*js

All Chapters

Aesthetic Programming: A Handbook of Software Studies

All Chapters

Examples

function setup() {
  createCanvas(400, 400);
  background(220);
}

function draw() {
  fill(100, 150, 255);
  ellipse(mouseX, mouseY, 100, 100);
  text(mouseX + ", " + mouseY, mouseX, mouseY);
  console.log(mouseX + ", " + mouseY);
}

Key Concepts:

html: hypertext markup language
css: cascading style sheets
js: javascript
p5*js
processing