130 likes | 231 Views
introduction to programming. PROCESSING. Java SDK http:// www.oracle.com/technetwork/java/javase/downloads/jdk7-downloads-1880260.html Processing Program http://processing.org/download / Processing Reference http://processing.org/reference / http://processing.org/learning /
E N D
introduction to programming PROCESSING
Java SDK • http://www.oracle.com/technetwork/java/javase/downloads/jdk7-downloads-1880260.html • Processing Program • http://processing.org/download/ • Processing Reference • http://processing.org/reference/ • http://processing.org/learning/ • Processing textbook • http://www.learningprocessing.com/exercises/ Resources
Computer programmingis the process of designing, writing, testing, debugging, and maintaining the source code of computer programs. • This source code is written in one or more programming languages (such as C++, C#, Java, Python, Smalltalk, etc.). • We will use Processing, which is the same(ish) as Java • The purpose of programming is to create a set of instructions that computers use to perform specific operations or to exhibit desired behaviours. • Simplified: programming is simply a set of instructions that tell the computer what to do. Computer Programming http://en.wikipedia.org/wiki/Computer_programming
If you already haven’t done so, create a folder in your drive for ICS3 • In that folder, put the following folders: • Practice Programs • Assignments • Major Project Organize your Folders
First thing you do when you create a new program is save it • Open Processing (Programs on Desktop, Processing) • Save in Practice Programs folder as firstProgram Open & Save
Drawing objects and shapes in Processing (and other programming languages) is an exercise in using the coordinate system. Drawing in Processing
Using the Processing Reference page • http://www.processing.org/reference/ • Create the following shapes • Arc • Ellipse • Line • Rect • Triangle Primitive Shapes
Notice: • size(); //sets size of run screen • background(); //sets background colour • smooth(); //smooth edge of shapes • fill(); //for colour • //comments, don’t execute Copy Zoog example
Change the size of the run window. • Draw the basic shapes. Move the shapes around the screen and play with the size, by changing the coordinates. • draw a square (rectangle) • draw a circle (elipse) • draw a line • draw a triangle • Add colour to your shapes. • Make changes to the zoog • Comments (top and throughout) and indentation. On your own …
Draw the following scene. Expand (chimney, trees, clouds, etc.) as you see fit. More practice