IDAS_WORKSHOP_2014

Prototyping with Creative Coding Workshop Syllabus

A "syllabus" and repository of p5 examples for IDAS Winter workshop for beginners about creative coding and practical coding. The workshop will focus on students being able to understand and independently make simple code-based prototypes. The results could be and are not limited to graphical interactions, web-based interactions, Creative Media Art, and etc..., but all depends on the student’s willingness to explore! Purpose is to familiarize students with coding as a creative discipline. And letting them play with coding as a means for lateral thinking. Let's get our hands dirty!

Day 1, 10AM-5PM

10:00 AM - Overview of day

• What is Creative Coding? : "Technology is all around us" says anyone living today. There is value in creating digital content and technologists are on top of this value pyramid. However, being a technologist is not limited to engineers, it is a skillset that can be picked up by anyone and a skillset everyone should have. Computer programming is a skillset that is in the center of all this. Creative coding is an approachable way to learn this modern language for everyone. Not only is creative coding a way to learn programming, but a methodology to design emergent solutions to simple problems large corporations can not tackle.
• Basics of Coding : Coding is a manner of speaking. It is an international language in our modern age. Programming is at the heart of computer driven communities, which basically means everything today. Simply put, programming is a communication method for human to computer interactions.
• Making Interactions : Computers are interactive in its artificial nature, therefore coding, the communication tool, is interactive. Creative coding is making interaction more down to earth. A humanizing method for expression and communication what is essentially between human and human.

10:30 AM - Reference Projects & Resources for further Exploration

• Creative Coding Artists
  • John Maeda | Site
  • Casey Reas
  • Luke DuBois
  • Daniel Shiffman | Videos
  • Kyle McDonald
  • James George | Github
  • Greg Borenstein | Kinect Tutorial
  • Lauren McCarthy
• Creative Coding Projects
  • Clouds interactive
  • Jer Thorpe data art
• Tutorial Sites, Github Repositories
• Other Computer Languages for Creative Coding
  • d3
  • p5js
  • three.js
  • openframeworks
  • cinder

11:00 AM - Basics of Coding

• Setting up

  • download processing
  • testing if it works

• Positions, Shapes, and Colors

  • Locating ourselves: Pixels and cartesian Coordinates
  • ellipse(x,y,r,r)
  • rect(x,y,w,h)
  • line(x1,y1,x2,y2)
  • stroke(color)
  • noStroke()
  • fill(color)
  • noFill()
  • strokeWeight(int)
  • color: rgb / 0-255

• Conditioning Movement

  • conditionals
    • if
    • else
  • loops *for loop

• Visualization & State Transitions

  • loops (for(int i = 0; i < length; i++)) size/color(inc/dec)
  • mouseX & mouseY
  • mousePressed
  • keyPressed
  • random()
  • Exercise: Stage Transitions!

• If time allows

  • strings
  • arrays
  • (sound)

• Assignment:

  • Interactive Poster of a portrait/movie/album Vector style
  • Coded Art
  • Software for Drawing

12:30 PM - Lunch

13:30 PM - Making Interactions

• Functions
  • mouseX, mouseY
  • random()
  • draw(){}
    • add
    • subtract
  • time functions
  • mousePressed(), keyPressed()
  • Examples * Visual Time

14:00 PM - Pensive Coding

• Arrays
• Classes
• Images
• Examples
  • Ball animation
  • News Title

15:00 PM - Interaction

• Array of words
• Classes
• graphlike
• shapes manipulated by numbers in arrays
• play or words and shapes

15:30 PM - Wrap-Up / Project Idea Discussion

17:00 PM - Project Presentations

Homework

• [Post a link to your work here]