1. Review Blocks of code {.. A bunch of ‘statements’; } Structured programming Learning Processing: Slides by Don Smith 1

2. Review setup(): initialization, called ONCE at the beginning of the execution. draw(): called REPEATEDLY after setup. Learning Processing: Slides by Don Smith 2

3. Review : setup setup(): Called once when the program is started. Used to define initial enviroment properties such as screen size, background color, loading images, etc. before the draw() begins executing. Variables declared within setup() are not accessible within other functions, including draw(). There can only be one setup() function for each program and it should not be called again after it's initial execution. Learning Processing: Slides by Don Smith 3

4. Review : draw draw(): Called directly after setup() and continuously executes the lines of code contained inside its block until the program is stopped or noLoop() is called. The draw() function is called automatically and should never be called explicitly. Learning Processing: Slides by Don Smith 4

5. Review : background background(grayscale or color): Sets the color used for the background of the Processing window. The default background is light gray. In the draw() function, the background color is used to clear the display window at the beginning of each frame. Learning Processing: Slides by Don Smith 5

6. Review : framerate Framerate(rate) Specifies the number of frames to be displayed every second. It is recommended to set the frame rate within setup(). The default rate is 60 frames per second. rate: an integer. Learning Processing: Slides by Don Smith 6

7. Review : random random(high) OR random(low, high) Casting a coin or dice generates a random number high, low: float or int Returns a floating number between 0 to high or low to high Function types void setup() and draw() Float random() Other types Learning Processing: Slides by Don Smith 7

8. Review : size size(w,h) Defines the dimension of the display window in pixels. The size() function must be the first line in setup(). If size() is not called, the default size of the window is 100x100 pixels. The system variables width and height are set by the parameters passed to the size() function. Learning Processing: Slides by Don Smith 8

9. Review : other functions exit() Quits/stops/exits the program. Programs without a draw() function exit automatically after the last line has run; but programs with draw() run continuously until the program is manually stopped or exit() is run. delay(milliseconds) Forces the program to stop running for a specified time (milliseconds) Has no affects in setup() Learning Processing: Slides by Don Smith 9

10. Review : other functions Exercise: write a program to draw circles. It exits when a key on the keyboard is pressed. It pauses for 3 seconds if a mouse button is pressed. Learning Processing: Slides by Don Smith 10

11. Learning Processing: Slides by Don Smith 11 What is a variable? In Programming: We use longer, more descriptive names Variables refer to ‘memory locations’ Stored in ‘RAM’ Random Access Memory Have a ‘size’ How many bytes of memory ‘wide’

12. Learning Processing: Slides by Don Smith 12 Variables must be ‘Declared’ What is a Declaration? Programmer tells the compiler: Type Name ; What is a Type? Each type requires a specific amount of storage ‘Primitive’ types include three main categories Integers – Whole Numbers (positive and negative), no fractions Floating point – Numbers with fractional parts and exponents Characters – One letter that you can type A, B, C, a, b, c, 1, 2, 3, %, &….

13. Learning Processing: Slides by Don Smith 13 All Primitive Types Integer Types byte: A very small number (-127 to +128) short: A small number (-32768 to +32767) int: A large number (-2,147,483,648 to +2,147,483,647) long: A huge number Floating Point Types float: A number with decimal places, 4 bytes double: Much more precise, for heavy math, 8 bytes Other Types boolean: true or false char: One symbol in single quotes ‘a’

14. Learning Processing: Slides by Don Smith 14 Primitive Type Storage Integer Types byte: short: int: long: Floating Point Types float: double: Other Types boolean: char:

15. Learning Processing: Slides by Don Smith 15 Primitive Type Examples Integer Types byte: 123 short: 1984 int: 1784523 long: 234345456789 Floating Point Types float: 4.0 double: 3.14159, 1.0e+23, 2.4e-20 Other Types boolean: true char: ‘a’

16. Numeric versus ‘Character’ types How do you decide if you need a numeric or a character type? If you plan on doing ‘math’ on the variable, then you MUST use a numeric type What is the letter ‘a’ times the letter ‘c’? Notice the single quotes around characters If you plan on using “Strings” (later), they are just words made up of characters. “Bob” and “Mary” are Strings (of characters) Notice the double quotes around strings What is the string “Bob” times the string “Mary”? Learning Processing: Slides by Don Smith 16

17. Learning Processing: Slides by Don Smith 17 Declaring and Initializing Variables What is Initialization? Setting an initial value into the contents of the variable Pseudocode: Set NumPlayers to 5 Can be done in two ways: During Declaration: On one line int count = 50; // declare and initialize After declaration: On two lines int count; // declare the variable count = 50; // initialize the value Can also be initialized with a calculation! int max = 100; int min = 10; int count = max – min; // calculation

18. Learning Processing: Slides by Don Smith 18 Naming Variables There are some ‘rules’ and some ‘best practices’ Rules Letters, Digits and underscore ( _ ) are OK to use Cannot start with a digit ( 0,1,…9 ) Cannot use reserved words mouseX, int, size.. Best Practices Use descriptive names boolean moreToDo ; Use ‘camelHump’ notation Start with lower case Each new word starts with Upper Case

19. Declaration and Initialization Examples Type name (optional initialization) ; int count = 0; // Declare an int, initialized to 0 char letter = 'a'; // Declare a char, initialized to 'a' double d = 132.32; // Declare a double, initialized to 132.32 boolean happy = false; // Declare a boolean, initialized to false float x = 4.0; // Declare a float, initialized to 4.0 float y; // Declare a float (no assignment) float z = x * y + 15.0; // Declare a float, initialize it to // x times y plus 15.0. After declaration Assignments: count = 1; letter = ‘b’; happy = true; y = x + 5.2; // Assign the value of x plus 5.2 Learning Processing: Slides by Don Smith 19

20. Declaration and Initialization Issues You can only initialize a variable to a value of the same, or compatible type: Which initializations are compatible? int count = ‘a’; char letter = 0; double deposit = “Fred”; boolean happy = 1; float feet = 6; int inches = feet * 12; long giant = feet * 3.0; Learning Processing: Slides by Don Smith 20

21. Declaration and Initialization Issues You can only initialize a variable to a value of the same, or compatible type. Which initializations are compatible? int count = ‘a’; char letter = 0; double deposit = “Fred”; boolean happy = 1; float feet = 6; int inches = feet * 12; long giant = feet * 3.0; Learning Processing: Slides by Don Smith 21

22. Where to Declare Variables Remember that your code is in ‘blocks’ Variables can go inside or outside these blocks For now, we will put them ‘outside’ (before) blocks

23. Varying Variables: Example 4.3 Remember that processing calls draw() in a loop If you want the variable to change every time: Declare and initialize it outside of draw()! Change it inside draw()! Moves as circleX increases 

24. Learning Processing: Slides by Don Smith 24 What happens in example 4.3? circleX Is initialized to 0 Used first time draw() is called ellipse(circleX, circleY, 50,50); Then circleX = circleX + 1; Next time draw() is called, circleX is 1 ellipse(circleX, circleY, 50,50); Then circleX = circleX + 1; Next time draw() is called, circleX is 2 ellipse(circleX, circleY, 50,50); Then circleX = circleX + 1;.. Until circleX is over 200, and the circle just moves off the right side of the screen, never to be seen again! It is often useful to make a ‘table’ of all of the variables that are being changed every time through a ‘loop’ Call to draw() circleX 10 21 32 43 54 … 200199

25. Using Many Variables Make things more interesting using more variables! Declare and initialize them outside of draw()! Change them inside draw()! Call to draw() circleXcircleYcircleWcircleH 10050100 20.5 50.5100.5 31.0 51101 104.5 54.5104.5 3014.5 64.5114.5 10049.5 99.5149.5 20099.5 149.5199.5

26. Learning Processing: Slides by Don Smith 26 Operators on numerical variables Addition: + Increment: x = x+1, ++x Subtraction: - Decrement: x = x-, --x Multiplication: * Division: / Pay attention to integer and float divisions Remainder: % (modulo) 5%3  2, 2%12  2, 12%3  0 Assignment: =

27. Learning Processing: Slides by Don Smith 27 Precedence of operators Parentheses have the highest precedence *, /, %  +, -  = If not sure, use parentheses.

28. Learning Processing: Slides by Don Smith 28 Examples Convert temperatures between F and C Extract the two digits from a two-digit number. Write a program that moves a rectangle and the fill color changes with mouse moving.

29. Learning Processing: Slides by Don Smith 29 System Variables Processing provides many ‘built-in’ variables: These are not for you to play with, but may change! mouseX, mouseY, pmouseX and pmouseY width: Width (in pixels) of sketch window height : Height (in pixels) of sketch window frameCount : Number of frames processed frameRate : Rate (per sec.) that frames are processed screen.height, screen.width: Entire screen key : Most recent key pressed on keyboard keyCode : Numeric code for which key pressed mousePressed : True or false (pressed or not?) mouseButton : Which button (left, right, center)

30. Learning Processing: Slides by Don Smith 30 More on Function Random Processing (and all programming languages) provide a way to get a random value when your program runs. random() is a ‘function’ that returns a float You can assign this number to a variable and use it! Some examples:

31. What is that (int) and (1,100) stuff? (int) Since random() returns a floating point number and w is an int, we need to change the type from float to int. This is called ‘casting’ random(1,100) ; (1,100) are ‘parameters’ which tell the random function the range of numbers to return w will be between 1 and 99 (not quite 100) Learning Processing: Slides by Don Smith 31

32. More on Cast (int) Since random() returns a floating point number and w is an int, we need to change the type from float to int. This is called ‘casting’ Usually, casting are performed between numerical types. If the assignment causes the loss precision, cast must be used. Learning Processing: Slides by Don Smith 32

33. More on Cast Precision loss sequence: double  float  long  int  short  byte Assign a float type to an integer type, use cast. Learning Processing: Slides by Don Smith 33

34. Make Zoog Move! Use variables to make Zoog move and change! 1) Make Zoog rise from below the screen Need variables for the Zoog’s X and Y locations Note: Locations of ALL of Zoog’s parts need to use them If left eye is left 30 and down 50 from the center of the head: ellipse( zoogX – 30, zoogY + 50, 20, 30); 2) Change his eye color randomly as he moves Need variables for Zoog’s eye color (R,G and B) Learning Processing: Slides by Don Smith 34

35. Lab06: Moving Zoog Use variables and random() to make a Zoog move from upper left to lower right of the screen. Starting point is provided (Example 4.8) Plan! Declare variables Use variables Use Random Learning Processing: Slides by Don Smith 35

36. Learning Processing: Slides by Don Smith 36 Summary Variables have names and types There are rules and best practices for naming variables You must declare your variables Determines the ‘type’, size of storage, and maximum values You can initialize variables in different ways Variables have many uses to programmers processing provides ‘system’ (built-in) variables You can use random numbers to make your program run differently every time