130 likes | 234 Vues
This guide introduces the fundamentals of computer programming using Processing, a simplified variant of Java. It covers the process of designing, writing, testing, and debugging source code. Key topics include creating a structured folder system for your projects, saving and organizing programs, and drawing basic shapes using Processing commands. Resources such as the Processing Reference and textbooks are included for further reading. You'll learn to manipulate shapes and add colors while gaining a foundational understanding of programming concepts.
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