1 of 30

Slide Notes

DownloadGo Live

Processing lecture

Published on Sep 08, 2016

No Description

PRESENTATION OUTLINE

Fundamentals of programming

A visible system

What you need to understand

  • Functions
  • Conditionals
  • Variables
  • Loops
  • Bonus: Arrays, Objects, & Classes
  • Strategies for learning code

Visual variables

  • Shape
  • Color
  • Scale
  • Position in space
  • Relationships

When you program, it's like giving commands to your robot dog

Photo by Brett Jordan

Function: blend( )

Photo by JeepersMedia

(Put ingredients here)

Run the function

Photo by thisisbossi

If/else conditionals

Variables (not assigned)

Photo by coconinoco

Variables (assigned)

Photo by just.Luc

Loops

Photo by atduskgreg

Arrays

Photo by sgs_1019

Objects

Photo by Marco Hazard

Classes

Photo by ewkste

Classes

Photo by ewkste

Data types: store values in variables

  • int // integer // 5
  • float // floating decimal point // 0.5; 5.0
  • String // text (also char for character)
  • boolean // true or false
  • color // specify a color or palette
  • Check Processing reference for other types...

Coding techniques

When you are learning a new language, be inductive.

Modify

Collage

Photo by stallio

Augment

Write from scratch:
fox mode

Photo by Harlequeen

Run code:
Hummingbird mode

Untitled Slide

//Reasons to comment

  • Record your thoughts
  • Show a moment of original insight
  • Comment upon a more complex chunk
  • Attribute copyrighted work, if there is a copyright
  • Tinkering tool, to disable lines of code while you modify
  • Make your code more clear for others to read.
  • Consider valid reasons to comment.

This is your big picture grade. Open up ideas. Tinker.

Imagine possibilities.

Photo by ABBones

Survey the landscape and write //comments in sketches like an explorer writes notes in a travel journal.

View the computer as a medium, not just a tool

Photo by owly9

7 elements of graphic design

  • Space
  • Unity
  • Balance
  • Hierarchy
  • Dominance (Contrast)
  • Point-Line-Plane
  • Color

Untitled Slide