CSC 120CPVL – Introduction to Creative Graphical Coding, Fall 2015

August, week 1, 2015Dr. Dale Parson

Introduction to Creative Graphical Coding

• We will be programming in Processing 2.x.• There are no prerequisites.• Processing is a framework atop Java.– It supplies a graphical integrated development

environment (IDE).– It supplies graphical and other code libraries.– An upcoming version will supply a debugger.

• We will use examples and exercises from the text.• http://faculty.kutztown.edu/parson/ -> CSC120CPVL

Processing Setup

• See instructions for setting up U:\Processing and running C:\Program Files\...\processing.exe on the course page.

• https://processing.org/reference/ should be up in a browser for your reference.

• We will install http://faculty.kutztown.edu/parson/fall2015/learningprocessing2.zip under U:\.

Standard Keyboard accelerators

• Control-C to COPY, Control-V to PASTE.• Control-F to FIND (a.k.a. SEARCH).• Control-Z to UNDO.• Control-S to SAVE.• Control-R to RUN inside Processing.• Control-X to DELETE.• Mac uses Command key, not Control key.

Outline of textbook stuff to cover 1.1.

• Exercise 1-1 page 5, shapes beyond line.• Exercise 1-2 page 9, graphing shapes.• Exercise 1-3 page 9, shaping graphs.• Example 1-1, page 11, stroke & fill• Example 1-2, page 11, noFill().• Exercise 1-4 page 12, coding filled rectangles.• Example 1-3, page 13, RGB color.

Outline of textbook stuff to cover 1.2.

• Exercise 1-5 page 14, color TO fill value.• Exercise 1-6 page 14, fill value TO color.• Example 1-4, page 15, opacity• Example 1-5, page 17, the author’s Zoog.

Outline of textbook stuff to cover 2.1.

• Exercise 2-1, page 20, Processing at home.• Exercise 2-2, page 21, running a sketch.• Exercise 2-3, page 23, editing a sketch.• Exercise 2-4, page 25, add comments and

println. (Discuss text strings briefly.)• Exercise 2-5, page 27, make coding errors.• Exercise 2-6, page 27, fix coding errors.

Outline of textbook stuff to cover 2.2.

• Exercise 2-7, page 28, exploring the Processing Library Reference.

• Exercise 2-8, page 28, directed use of the Processing Library Reference.

• Example 2-1, page 30, Zoog again.• Exercise 2-9, page 31, DIY (do-it-yourself)

composition with shapes.

Outline of textbook stuff to cover 3.1.

• Exercise 3-1, page 34, pseudocode.• Example 3-1, page 36, dynamic Zoog.• Exercise 3-2, page 37, using setup() & draw().• Example 3-2, page 37, mouseX & mouseY.• Exercise 3.3, page 38, background() in setup().• Example 3-3, page 39, yet another Zoog.• Exercise 3.4, page 40, complete a Zoog.

Outline of textbook stuff to cover 3.2.

• Exercise 3-5, page 40, track the mouse.• Example 3-4, page 41, a continuous line.• Exercise 3-7, page 41, speed TO stroke weight.• Example 3-5, page 42, mouse & key presses.• Exercise 3-8, page 43, background(255) to

draw – create a bug.• Example 3-6, page 44, Interactive Zoog.