1 / 10

Introduction to Creative Graphical Coding with Processing 2.x

Join the course on Processing, a graphical coding framework atop Java, with no prerequisites. Learn through exercises and examples from the text, enhancing your skills in creative programming.

ojudy
Download Presentation

Introduction to Creative Graphical Coding with Processing 2.x

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. CSC 120CPVL – Introduction to Creative Graphical Coding, Fall 2015 August, week 1, 2015 Dr. Dale Parson

  2. 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

  3. 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:\.

  4. 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.

  5. 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.

  6. 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.

  7. 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.

  8. 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.

  9. 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.

  10. 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.

More Related