User Tools

Site Tools


courses:2009.10.05.intro_prototyping

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
courses:2009.10.05.intro_prototyping [2009/10/13 08:15]
130.239.179.56
courses:2009.10.05.intro_prototyping [2009/10/17 11:31] (current)
117.53.90.96 fixed some links
Line 1: Line 1:
 +====== oct 5: Introduction to programming with Processing: Processing IDE, drawing with code ======
 +
 +Chapters 1 and 2 from the [[http://​www.learningprocessing.com|Learning Processing]] book. Preview at [[http://​books.google.com/​books?​id=yrR1YoiM2EAC|Google Books]]
 +
 +==== Processing IDE ====
 +
 +History ([[http://​dbn.media.mit.edu|DBN]]),​ why Processing, comparison to other programs.
 +
 +//​Processing is a programming language, development environment,​ and online community that since 2001 has promoted software literacy within the visual arts. Initially created to serve as a software sketchbook and to teach fundamentals of computer programming within a visual context, Processing quickly developed into a tool for creating finished professional work as well.//
 +
 +from Processing [[http://​processing.org/​about/​|website]]
 +
 +==== Drawing with code ====
 +
 +  * cartesian coordinates vs screen coordinates.
 +  * english language vs code language
 +  * simple shapes (point, line, rectangle, ellipse)
 +  * colors (grayscale, RGB, alpha, others)
 +  * fill(), stroke(), smooth()
 +
 +
 +==== Writing code in Processing IDE ====
 +
 +  * syntax
 +  * comment (single line, multilines)
 +  * default structures/​functions:​ setup() and draw()
 +
 +==== Resources ====
 +
 +  * [[http://​processing.org/​learning/​gettingstarted/​index.html|Getting Started]]
 +  * [[http://​processing.org/​reference/​index.html|Processing language reference]]
 +  * [[http://​www.flight404.com/​blog/​|Flight 404]] very nice visuals made Processing
 +  * [[http://​www.rmx.cz/​monsters/​|Processing Monsters]]
 +  * [[http://​rhizome.org/​tinysketch/​|Tiny Sketch]] 200 Character Processing Competition
 +  * [[http://​www.openprocessing.org/​|OpenProcesing]] Online community to share and discuss Processing sketches
 +==== Homework for next week ====
 +
 +Draw a visual representation of yourself only using code in Processing. Do a greyscale version first, then a second one with colors. ​
 +
 +**Upload your Processing file/folder below (before Monday Oct 14 23h59):**
 +
 +Name, {{:​courses:​pointslines.pde|myProcessingFile}}
 +
 +MyName, {{:​courses:​sketch_oct05b.pde|}}
 +
 +tao lin  {{:​courses:​tao_portrait_bw_0.pde|}} {{:​courses:​tao_portrait_color.pde|}}
 +
 +Camila_Color,​ {{:​courses:​sketch_oct11a.pde|}}
 +
 +Camila_Grayscale,​ {{:​courses:​sketch_oct11b.pde|}}
 +
 +Soramist ​ (B&W {{:​courses:​sor.pde|}}),​ (colours {{:​courses:​sor_colour2.pde|}})
 +
 +Erik b&w Erik_b-w {{:​courses:​erik_homework_b_w.pde|}}
 +
 +Erik_color {{:​courses:​erik_homework_b_w.pde|}}
 +
 +Nirvana {{:​courses:​nirvana.pde|}}
 +
 +Yangchen {{:​courses:​sketch_b_w.pde|}},​ {{:​courses:​sketch_color.pde|}}
 +
 +Jennifer {{:​courses:​sketch_oct12e.pde|}}{{:​courses:​images.zip|}}
 +
 +Lauren {{:​LJ_portrait_colour.pde}}{{:​LJ_portrait_grey1}}
 +
 +Lauren {{:​courses:​lauren_portrait_colour.pde|}}{{:​courses:​lauren_portrait_greyscale.pde|}}
 +
 +Brian {{:​courses:​brian.pde|}}
 +
 +Maria{{:​courses:​maria.pde|}}
  
courses/2009.10.05.intro_prototyping.txt · Last modified: 2009/10/17 11:31 by 117.53.90.96