CSC 120CPVL – Introduction to Creative Graphical Coding, Fall 2015 August, week 1, 2015 Dr. 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. -> CSC120CPVL

Processing Setup See instructions for setting up U:\Processing and running C:\Program Files\...\processing.exe on the course page. should be up in a browser for your reference. We will install earningprocessing2.zip under U:\. earningprocessing2.zip

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.